Tag 2.5-RC2.

git-svn-id: http://svn.openlayers.org/tags/openlayers/release-2.5-rc2@4391 dc9f47b5-9b13-0410-9fdd-eb0c1a62fdaf

apidoc_config/Languages.txt

@@ -0,0 +1,113 @@
+Format: 1.35
+
+# This is the Natural Docs languages file for this project.  If you change
+# anything here, it will apply to THIS PROJECT ONLY.  If you'd like to change
+# something for all your projects, edit the Languages.txt in Natural Docs'
+# Config directory instead.
+
+
+# You can prevent certain file extensions from being scanned like this:
+# Ignore Extensions: [extension] [extension] ...
+
+
+#-------------------------------------------------------------------------------
+# SYNTAX:
+#
+# Unlike other Natural Docs configuration files, in this file all comments
+# MUST be alone on a line.  Some languages deal with the # character, so you
+# cannot put comments on the same line as content.
+#
+# Also, all lists are separated with spaces, not commas, again because some
+# languages may need to use them.
+#
+# Language: [name]
+# Alter Language: [name]
+#    Defines a new language or alters an existing one.  Its name can use any
+#    characters.  If any of the properties below have an add/replace form, you
+#    must use that when using Alter Language.
+#
+#    The language Shebang Script is special.  It's entry is only used for
+#    extensions, and files with those extensions have their shebang (#!) lines
+#    read to determine the real language of the file.  Extensionless files are
+#    always treated this way.
+#
+#    The language Text File is also special.  It's treated as one big comment
+#    so you can put Natural Docs content in them without special symbols.  Also,
+#    if you don't specify a package separator, ignored prefixes, or enum value
+#    behavior, it will copy those settings from the language that is used most
+#    in the source tree.
+#
+# Extensions: [extension] [extension] ...
+# [Add/Replace] Extensions: [extension] [extension] ...
+#    Defines the file extensions of the language's source files.  You can
+#    redefine extensions found in the main languages file.  You can use * to
+#    mean any undefined extension.
+#
+# Shebang Strings: [string] [string] ...
+# [Add/Replace] Shebang Strings: [string] [string] ...
+#    Defines a list of strings that can appear in the shebang (#!) line to
+#    designate that it's part of the language.  You can redefine strings found
+#    in the main languages file.
+#
+# Ignore Prefixes in Index: [prefix] [prefix] ...
+# [Add/Replace] Ignored Prefixes in Index: [prefix] [prefix] ...
+#
+# Ignore [Topic Type] Prefixes in Index: [prefix] [prefix] ...
+# [Add/Replace] Ignored [Topic Type] Prefixes in Index: [prefix] [prefix] ...
+#    Specifies prefixes that should be ignored when sorting symbols in an
+#    index.  Can be specified in general or for a specific topic type.
+#
+#------------------------------------------------------------------------------
+# For basic language support only:
+#
+# Line Comments: [symbol] [symbol] ...
+#    Defines a space-separated list of symbols that are used for line comments,
+#    if any.
+#
+# Block Comments: [opening sym] [closing sym] [opening sym] [closing sym] ...
+#    Defines a space-separated list of symbol pairs that are used for block
+#    comments, if any.
+#
+# Package Separator: [symbol]
+#    Defines the default package separator symbol.  The default is a dot.
+#
+# [Topic Type] Prototype Enders: [symbol] [symbol] ...
+#    When defined, Natural Docs will attempt to get a prototype from the code
+#    immediately following the topic type.  It stops when it reaches one of
+#    these symbols.  Use \n for line breaks.
+#
+# Line Extender: [symbol]
+#    Defines the symbol that allows a prototype to span multiple lines if
+#    normally a line break would end it.
+#
+# Enum Values: [global|under type|under parent]
+#    Defines how enum values are referenced.  The default is global.
+#    global       - Values are always global, referenced as 'value'.
+#    under type   - Values are under the enum type, referenced as
+#               'package.enum.value'.
+#    under parent - Values are under the enum's parent, referenced as
+#               'package.value'.
+#
+# Perl Package: [perl package]
+#    Specifies the Perl package used to fine-tune the language behavior in ways
+#    too complex to do in this file.
+#
+#------------------------------------------------------------------------------
+# For full language support only:
+#
+# Full Language Support: [perl package]
+#    Specifies the Perl package that has the parsing routines necessary for full
+#    language support.
+#
+#-------------------------------------------------------------------------------
+
+# The following languages are defined in the main file, if you'd like to alter
+# them:
+#
+#    Text File, Shebang Script, C/C++, C#, Java, JavaScript, Perl, Python,
+#    PHP, SQL, Visual Basic, Pascal, Assembly, Ada, Tcl, Ruby, Makefile,
+#    ActionScript, ColdFusion, R, Fortran
+
+# If you add a language that you think would be useful to other developers
+# and should be included in Natural Docs by default, please e-mail it to
+# languages [at] naturaldocs [dot] org.

apidoc_config/Menu.txt

@@ -0,0 +1,204 @@
+Format: 1.35
+
+
+Title: OpenLayers
+SubTitle: JavaScript Mapping Library
+
+# You can add a footer to your documentation like this:
+# Footer: [text]
+# If you want to add a copyright notice, this would be the place to do it.
+
+
+# --------------------------------------------------------------------------
+# 
+# Cut and paste the lines below to change the order in which your files
+# appear on the menu.  Don't worry about adding or removing files, Natural
+# Docs will take care of that.
+# 
+# You can further organize the menu by grouping the entries.  Add a
+# "Group: [name] {" line to start a group, and add a "}" to end it.
+# 
+# You can add text and web links to the menu by adding "Text: [text]" and
+# "Link: [name] ([URL])" lines, respectively.
+# 
+# The formatting and comments are auto-generated, so don't worry about
+# neatness when editing the file.  Natural Docs will clean it up the next
+# time it is run.  When working with groups, just deal with the braces and
+# forget about the indentation and comments.
+# 
+# --------------------------------------------------------------------------
+
+
+File: OpenLayers  (OpenLayers.js)
+
+Group: OpenLayers  {
+
+   File: Ajax  (no auto-title, OpenLayers/Ajax.js)
+
+   Group: BaseTypes  {
+
+      File: Base Types  (no auto-title, OpenLayers/BaseTypes.js)
+      File: Bounds  (no auto-title, OpenLayers/BaseTypes/Bounds.js)
+      File: Class  (no auto-title, OpenLayers/BaseTypes/Class.js)
+      File: Element  (no auto-title, OpenLayers/BaseTypes/Element.js)
+      File: LonLat  (no auto-title, OpenLayers/BaseTypes/LonLat.js)
+      File: Pixel  (no auto-title, OpenLayers/BaseTypes/Pixel.js)
+      File: Size  (no auto-title, OpenLayers/BaseTypes/Size.js)
+      }  # Group: BaseTypes
+
+   File: Console  (no auto-title, OpenLayers/Console.js)
+
+   Group: Control  {
+
+      File: Control  (no auto-title, OpenLayers/Control.js)
+      File: ArgParser  (no auto-title, OpenLayers/Control/ArgParser.js)
+      File: ZoomToMaxExtent  (no auto-title, OpenLayers/Control/ZoomToMaxExtent.js)
+      File: OverviewMap  (no auto-title, OpenLayers/Control/OverviewMap.js)
+      File: DragFeature  (no auto-title, OpenLayers/Control/DragFeature.js)
+      File: DragPan  (no auto-title, OpenLayers/Control/DragPan.js)
+      File: DrawFeature  (no auto-title, OpenLayers/Control/DrawFeature.js)
+      File: EditingToolbar  (no auto-title, OpenLayers/Control/EditingToolbar.js)
+      File: KeyboardDefaults  (no auto-title, OpenLayers/Control/KeyboardDefaults.js)
+      File: LayerSwitcher  (no auto-title, OpenLayers/Control/LayerSwitcher.js)
+      File: MouseDefaults  (no auto-title, OpenLayers/Control/MouseDefaults.js)
+      File: MousePosition  (no auto-title, OpenLayers/Control/MousePosition.js)
+      File: MouseToolbar  (no auto-title, OpenLayers/Control/MouseToolbar.js)
+      File: Navigation  (no auto-title, OpenLayers/Control/Navigation.js)
+      File: NavToolbar  (no auto-title, OpenLayers/Control/NavToolbar.js)
+      File: Panel  (no auto-title, OpenLayers/Control/Panel.js)
+      File: PanZoomBar  (no auto-title, OpenLayers/Control/PanZoomBar.js)
+      File: Permalink  (no auto-title, OpenLayers/Control/Permalink.js)
+      File: Scale  (no auto-title, OpenLayers/Control/Scale.js)
+      File: SelectFeature  (no auto-title, OpenLayers/Control/SelectFeature.js)
+      File: ZoomBox  (no auto-title, OpenLayers/Control/ZoomBox.js)
+      File: PanZoom  (OpenLayers/Control/PanZoom.js)
+      }  # Group: Control
+
+   File: Events  (no auto-title, OpenLayers/Events.js)
+
+   Group: Feature  {
+
+      File: Feature  (no auto-title, OpenLayers/Feature.js)
+      File: WFS  (no auto-title, OpenLayers/Feature/WFS.js)
+      File: Vector  (no auto-title, OpenLayers/Feature/Vector.js)
+      }  # Group: Feature
+
+   Group: Format  {
+
+      File: Format  (OpenLayers/Format.js)
+      File: GeoJSON  (no auto-title, OpenLayers/Format/GeoJSON.js)
+      File: GeoRSS  (no auto-title, OpenLayers/Format/GeoRSS.js)
+      File: GML  (no auto-title, OpenLayers/Format/GML.js)
+      File: JSON  (no auto-title, OpenLayers/Format/JSON.js)
+      File: KML  (no auto-title, OpenLayers/Format/KML.js)
+      File: WFS  (no auto-title, OpenLayers/Format/WFS.js)
+      File: WKT  (no auto-title, OpenLayers/Format/WKT.js)
+      File: XML  (no auto-title, OpenLayers/Format/XML.js)
+      }  # Group: Format
+
+   Group: Geometry  {
+
+      File: Geometry  (OpenLayers/Geometry.js)
+      File: Collection  (no auto-title, OpenLayers/Geometry/Collection.js)
+      File: Curve  (no auto-title, OpenLayers/Geometry/Curve.js)
+      File: LinearRing  (no auto-title, OpenLayers/Geometry/LinearRing.js)
+      File: LineString  (no auto-title, OpenLayers/Geometry/LineString.js)
+      File: MultiLineString  (no auto-title, OpenLayers/Geometry/MultiLineString.js)
+      File: MultiPoint  (no auto-title, OpenLayers/Geometry/MultiPoint.js)
+      File: MultiPolygon  (no auto-title, OpenLayers/Geometry/MultiPolygon.js)
+      File: Point  (no auto-title, OpenLayers/Geometry/Point.js)
+      File: Polygon  (no auto-title, OpenLayers/Geometry/Polygon.js)
+      File: Rectangle  (no auto-title, OpenLayers/Geometry/Rectangle.js)
+      File: Surface  (no auto-title, OpenLayers/Geometry/Surface.js)
+      }  # Group: Geometry
+
+   Group: Handler  {
+
+      File: Handler  (OpenLayers/Handler.js)
+      File: Box  (no auto-title, OpenLayers/Handler/Box.js)
+      File: Drag  (no auto-title, OpenLayers/Handler/Drag.js)
+      File: Feature  (no auto-title, OpenLayers/Handler/Feature.js)
+      File: Keyboard  (no auto-title, OpenLayers/Handler/Keyboard.js)
+      File: MouseWheel  (no auto-title, OpenLayers/Handler/MouseWheel.js)
+      File: Path  (no auto-title, OpenLayers/Handler/Path.js)
+      File: Point  (no auto-title, OpenLayers/Handler/Point.js)
+      File: Polygon  (no auto-title, OpenLayers/Handler/Polygon.js)
+      File: RegularPolygon  (no auto-title, OpenLayers/Handler/RegularPolygon.js)
+      }  # Group: Handler
+
+   File: Icon  (no auto-title, OpenLayers/Icon.js)
+
+   Group: Layer  {
+
+      File: Layer  (OpenLayers/Layer.js)
+      File: Boxes  (no auto-title, OpenLayers/Layer/Boxes.js)
+      File: EventPane  (no auto-title, OpenLayers/Layer/EventPane.js)
+      File: FixedZoomLevels  (no auto-title, OpenLayers/Layer/FixedZoomLevels.js)
+      File: GeoRSS  (no auto-title, OpenLayers/Layer/GeoRSS.js)
+      File: GML  (no auto-title, OpenLayers/Layer/GML.js)
+      File: Google  (no auto-title, OpenLayers/Layer/Google.js)
+      File: Grid  (no auto-title, OpenLayers/Layer/Grid.js)
+      File: HTTPRequest  (no auto-title, OpenLayers/Layer/HTTPRequest.js)
+      File: Image  (no auto-title, OpenLayers/Layer/Image.js)
+      File: KaMap  (no auto-title, OpenLayers/Layer/KaMap.js)
+      File: MapServer  (no auto-title, OpenLayers/Layer/MapServer.js)
+      File: MapServer.Untiled  (no auto-title, OpenLayers/Layer/MapServer/Untiled.js)
+      File: Markers  (no auto-title, OpenLayers/Layer/Markers.js)
+      File: MultiMap  (no auto-title, OpenLayers/Layer/MultiMap.js)
+      File: SphericalMercator  (no auto-title, OpenLayers/Layer/SphericalMercator.js)
+      File: Text  (no auto-title, OpenLayers/Layer/Text.js)
+      File: TileCache  (no auto-title, OpenLayers/Layer/TileCache.js)
+      File: TMS  (no auto-title, OpenLayers/Layer/TMS.js)
+      File: Vector  (no auto-title, OpenLayers/Layer/Vector.js)
+      File: VirtualEarth  (no auto-title, OpenLayers/Layer/VirtualEarth.js)
+      File: WFS  (no auto-title, OpenLayers/Layer/WFS.js)
+      File: WMS  (no auto-title, OpenLayers/Layer/WMS.js)
+      File: WMS.Untiled  (no auto-title, OpenLayers/Layer/WMS/Untiled.js)
+      File: WorldWind  (no auto-title, OpenLayers/Layer/WorldWind.js)
+      File: Yahoo  (no auto-title, OpenLayers/Layer/Yahoo.js)
+      }  # Group: Layer
+
+   File: Map  (no auto-title, OpenLayers/Map.js)
+
+   Group: Marker  {
+
+      File: Marker  (OpenLayers/Marker.js)
+      File: Box  (no auto-title, OpenLayers/Marker/Box.js)
+      }  # Group: Marker
+
+   Group: Popup  {
+
+      File: Popup  (OpenLayers/Popup.js)
+      File: Anchored  (no auto-title, OpenLayers/Popup/Anchored.js)
+      File: AnchoredBubble  (no auto-title, OpenLayers/Popup/AnchoredBubble.js)
+      }  # Group: Popup
+
+   Group: Renderer  {
+
+      File: Renderer  (OpenLayers/Renderer.js)
+      File: Elements  (no auto-title, OpenLayers/Renderer/Elements.js)
+      File: SVG  (no auto-title, OpenLayers/Renderer/SVG.js)
+      File: VML  (no auto-title, OpenLayers/Renderer/VML.js)
+      }  # Group: Renderer
+
+   Group: Tile  {
+
+      File: Tile  (OpenLayers/Tile.js)
+      File: Image  (no auto-title, OpenLayers/Tile/Image.js)
+      File: WFS  (no auto-title, OpenLayers/Tile/WFS.js)
+      }  # Group: Tile
+
+   File: Util  (OpenLayers/Util.js)
+   }  # Group: OpenLayers
+
+Group: Index  {
+
+   Index: Everything
+   Class Index: Classes
+   Constant Index: Constants
+   Function Index: Functions
+   Property Index: Properties
+   File Index: Files
+   Constructor Index: Constructor
+   }  # Group: Index
+

apidoc_config/OL.css

@@ -0,0 +1,20 @@
+p {
+    text-indent: 0; margin-bottom: 1em;
+}
+
+.MGroup {
+    font-variant: normal;
+    margin: 0.4em 0 0em 10px
+}
+
+.MTitle {
+    font-variant: normal;
+}
+
+.CGroup .CTitle {
+    font-variant: normal;
+}
+
+.SGroup .SEntry {
+    font-variant: normal;
+}

apidoc_config/Topics.txt

@@ -0,0 +1,108 @@
+Format: 1.35
+
+# This is the Natural Docs topics file for this project.  If you change anything
+# here, it will apply to THIS PROJECT ONLY.  If you'd like to change something
+# for all your projects, edit the Topics.txt in Natural Docs' Config directory
+# instead.
+
+
+Ignore Keywords: 
+   function, functions
+   func, funcs
+   procedure, procedures
+   proc, procs
+   routine, routines
+   subroutine, subroutines
+   sub, subs
+   method, methods
+   callback, callbacks
+   property, properties
+   prop, props
+
+
+#-------------------------------------------------------------------------------
+# SYNTAX:
+#
+# Topic Type: [name]
+# Alter Topic Type: [name]
+#    Creates a new topic type or alters one from the main file.  Each type gets
+#    its own index and behavior settings.  Its name can have letters, numbers,
+#    spaces, and these charaters: - / . '
+#
+# Plural: [name]
+#    Sets the plural name of the topic type, if different.
+#
+# Keywords:
+#    [keyword]
+#    [keyword], [plural keyword]
+#    ...
+#    Defines or adds to the list of keywords for the topic type.  They may only
+#    contain letters, numbers, and spaces and are not case sensitive.  Plural
+#    keywords are used for list topics.  You can redefine keywords found in the
+#    main topics file.
+#
+# Index: [yes|no]
+#    Whether the topics get their own index.  Defaults to yes.  Everything is
+#    included in the general index regardless of this setting.
+#
+# Scope: [normal|start|end|always global]
+#    How the topics affects scope.  Defaults to normal.
+#    normal        - Topics stay within the current scope.
+#    start         - Topics start a new scope for all the topics beneath it,
+#                    like class topics.
+#    end           - Topics reset the scope back to global for all the topics
+#                    beneath it.
+#    always global - Topics are defined as global, but do not change the scope
+#                    for any other topics.
+#
+# Class Hierarchy: [yes|no]
+#    Whether the topics are part of the class hierarchy.  Defaults to no.
+#
+# Variable Type: [yes|no]
+#    Whether the topics can be a variable type.  Defaults to no.
+#
+# Page Title If First: [yes|no]
+#    Whether the topic's title becomes the page title if it's the first one in
+#    a file.  Defaults to no.
+#
+# Break Lists: [yes|no]
+#    Whether list topics should be broken into individual topics in the output.
+#    Defaults to no.
+#
+# Can Group With: [type], [type], ...
+#    Defines a list of topic types that this one can possibly be grouped with.
+#    Defaults to none.
+#-------------------------------------------------------------------------------
+
+# The following topics are defined in the main file, if you'd like to alter
+# their behavior or add keywords:
+#
+#    Generic, Class, Interface, Section, File, Group, Function, Variable,
+#    Property, Type, Constant, Enumeration, Event, Delegate, Macro,
+#    Database, Database Table, Database View, Database Index, Database
+#    Cursor, Database Trigger, Cookie, Build Target
+
+# If you add something that you think would be useful to other developers
+# and should be included in Natural Docs by default, please e-mail it to
+# topics [at] naturaldocs [dot] org.
+
+
+Topic Type: Constructor
+
+   Class Hierarchy: Yes
+   Keywords:
+      constructor
+      initialize
+
+
+Alter Topic Type: Function
+
+   Add Keywords:
+      apimethod
+      apifunction
+
+
+Alter Topic Type: Property
+
+   Add Keywords:
+      apiproperty

build/build.py

@@ -10,7 +10,12 @@ configFilename = "library.cfg"
 outputFilename = "OpenLayers.js"
 
 if len(sys.argv) > 1:
-    configFilename = sys.argv[1] + ".cfg"
+    configFilename = sys.argv[1]
+    extension = configFilename[-4:]
+
+    if extension  != ".cfg":
+        configFilename = sys.argv[1] + ".cfg"
+
 if len(sys.argv) > 2:
     outputFilename = sys.argv[2]
 

build/full.cfg

@@ -2,6 +2,7 @@
 OpenLayers/SingleFile.js
 OpenLayers.js
 OpenLayers/BaseTypes.js
+OpenLayers/BaseTypes/Class.js
 OpenLayers/Util.js
 Rico/Corner.js
 
@@ -10,3 +11,5 @@ Rico/Corner.js
 [include]
 
 [exclude]
+Firebug/firebug.js
+Firebug/firebugx.js

build/library.cfg

@@ -2,6 +2,7 @@
 OpenLayers/SingleFile.js
 OpenLayers.js
 OpenLayers/BaseTypes.js
+OpenLayers/BaseTypes/Class.js
 OpenLayers/Util.js
 Rico/Corner.js
 
@@ -10,6 +11,8 @@ Rico/Corner.js
 [include]
 
 [exclude]
+Firebug/firebug.js
+Firebug/firebugx.js
 OpenLayers/Format/GeoRSS.js
 OpenLayers/Format/GML.js
 OpenLayers/Format/WKT.js

build/license.txt

@@ -2,8 +2,8 @@
 
   OpenLayers.js -- OpenLayers Map Viewer Library
 
-  Copyright 2005-2006 MetaCarta, Inc., released under a modified BSD license.
-  Please see http://svn.openlayers.org/trunk/openlayers/repository-license.txt
+  Copyright 2005-2007 MetaCarta, Inc., released under the BSD license.
+  Please see http://svn.openlayers.org/trunk/openlayers/release-license.txt
   for the full text of the license.
 
   Includes compressed code under the following licenses:

build/lite.cfg

@@ -2,6 +2,7 @@
 OpenLayers/SingleFile.js
 OpenLayers.js
 OpenLayers/BaseTypes.js
+OpenLayers/BaseTypes/Class.js
 OpenLayers/Util.js
 
 [last]
@@ -18,3 +19,5 @@ OpenLayers/Tile.js
 OpenLayers/Tile/Image.js
 
 [exclude]
+Firebug/firebug.js
+Firebug/firebugx.js

doc/authors.txt

@@ -1,24 +1,27 @@
-OpenLayers contributors:
-Howard Butler
-Bertil Chaupis                                                               
-Jeff Dege
-Schuyler Erle
-Christian López Espínola
-John Frank
-Sean Gilles
-Pierre Giraud                                                                
-Andreas Hocevar
-Philip Lindsay
-Corey Puffault
-Tim Schaub
-Christopher Schmidt
-Cameron Shorter                                                              
-Paul Spencer                                                                 
-James Stembridge
-Erik Uzureau
-Bill Woodall
-Steve Woodbridge
-
-
-OpenLayers is graciously supported by MetaCarta, Inc.
-<http://www.metacarta.com>.
+OpenLayers contributors:
+Howard Butler
+Bertil Chaupis                                                               
+John Cole
+Jeff Dege
+Schuyler Erle
+Christian López Espínola
+John Frank
+Sean Gilles
+Pierre Giraud
+Andreas Hocevar
+Eric Lemoine
+Philip Lindsay
+Corey Puffault
+Tim Schaub
+Christopher Schmidt
+Cameron Shorter                                                              
+Paul Spencer                                                                 
+Glen Stampoultzis
+James Stembridge
+Erik Uzureau
+Bill Woodall
+Steve Woodbridge
+
+
+OpenLayers is graciously supported by MetaCarta, Inc.
+<http://www.metacarta.com>.

doc/customization

@@ -1,49 +1,49 @@
-Customizing OpenLayers
-======================
-
-OpenLayers is designed to fit many needs -- fitting in alongside all kinds of
-various applications which are currently in use. 
-
-Currently, OpenLayers supports a 'theme' option when creating a map. This 
-theme option allows you to specify the location of a CSS theme which should
-be included.
-
-A default theme is available as an example in the theme/ directory: the setup
-is:
-
- * theme/
- * theme/default/
- * theme/default/style.css
- * theme/default/img/
-
-Currently, the OpenLayers code does not support class names, and therefore,
-it is not possible to control many aspects of OpenLayers code with CSS 
-classes. However, with this framework in place, we expect to invest time 
-to make existing features and new features use the CSS theming framework
-where apropriate. 
-
-
-Class Naming
-============
-Elements should have class names which are descriptive of the Javascript
-class from which they come. For example, the main layer switcher element
-in the OpenLayers.Control.LayerSwitcher would be classed:
-
-  olControlLayerSwitcher
-
-This would allow users to add to their style.css class in their theme,
-changing, for example: 
-
-::
-  
-  .olControlLayerSwitcher input {
-    width:10px;
-  }
-
-Sub elements of a particular control can add to the class name:
-
-::
-
-  .olControlLayerSwitcherBaseLabel {
-      color: red;
-  }
+Customizing OpenLayers
+======================
+
+OpenLayers is designed to fit many needs -- fitting in alongside all kinds of
+various applications which are currently in use. 
+
+Currently, OpenLayers supports a 'theme' option when creating a map. This 
+theme option allows you to specify the location of a CSS theme which should
+be included.
+
+A default theme is available as an example in the theme/ directory: the setup
+is:
+
+ * theme/
+ * theme/default/
+ * theme/default/style.css
+ * theme/default/img/
+
+Currently, the OpenLayers code does not support class names, and therefore,
+it is not possible to control many aspects of OpenLayers code with CSS 
+classes. However, with this framework in place, we expect to invest time 
+to make existing features and new features use the CSS theming framework
+where apropriate. 
+
+
+Class Naming
+============
+Elements should have class names which are descriptive of the Javascript
+class from which they come. For example, the main layer switcher element
+in the OpenLayers.Control.LayerSwitcher would be classed:
+
+  olControlLayerSwitcher
+
+This would allow users to add to their style.css class in their theme,
+changing, for example: 
+
+::
+  
+  .olControlLayerSwitcher input {
+    width:10px;
+  }
+
+Sub elements of a particular control can add to the class name:
+
+::
+
+  .olControlLayerSwitcherBaseLabel {
+      color: red;
+  }

doc/readme.txt

@@ -1,3 +1,3 @@
-Automatically generated OpenLayers API documentation is online:
-
-  http://dev.openlayers.org/docs/overview-tree.html
+Automatically generated OpenLayers API documentation is online:
+
+  http://dev.openlayers.org/docs/overview-tree.html

doc_config/Languages.txt

@@ -0,0 +1,113 @@
+Format: 1.35
+
+# This is the Natural Docs languages file for this project.  If you change
+# anything here, it will apply to THIS PROJECT ONLY.  If you'd like to change
+# something for all your projects, edit the Languages.txt in Natural Docs'
+# Config directory instead.
+
+
+# You can prevent certain file extensions from being scanned like this:
+# Ignore Extensions: [extension] [extension] ...
+
+
+#-------------------------------------------------------------------------------
+# SYNTAX:
+#
+# Unlike other Natural Docs configuration files, in this file all comments
+# MUST be alone on a line.  Some languages deal with the # character, so you
+# cannot put comments on the same line as content.
+#
+# Also, all lists are separated with spaces, not commas, again because some
+# languages may need to use them.
+#
+# Language: [name]
+# Alter Language: [name]
+#    Defines a new language or alters an existing one.  Its name can use any
+#    characters.  If any of the properties below have an add/replace form, you
+#    must use that when using Alter Language.
+#
+#    The language Shebang Script is special.  It's entry is only used for
+#    extensions, and files with those extensions have their shebang (#!) lines
+#    read to determine the real language of the file.  Extensionless files are
+#    always treated this way.
+#
+#    The language Text File is also special.  It's treated as one big comment
+#    so you can put Natural Docs content in them without special symbols.  Also,
+#    if you don't specify a package separator, ignored prefixes, or enum value
+#    behavior, it will copy those settings from the language that is used most
+#    in the source tree.
+#
+# Extensions: [extension] [extension] ...
+# [Add/Replace] Extensions: [extension] [extension] ...
+#    Defines the file extensions of the language's source files.  You can
+#    redefine extensions found in the main languages file.  You can use * to
+#    mean any undefined extension.
+#
+# Shebang Strings: [string] [string] ...
+# [Add/Replace] Shebang Strings: [string] [string] ...
+#    Defines a list of strings that can appear in the shebang (#!) line to
+#    designate that it's part of the language.  You can redefine strings found
+#    in the main languages file.
+#
+# Ignore Prefixes in Index: [prefix] [prefix] ...
+# [Add/Replace] Ignored Prefixes in Index: [prefix] [prefix] ...
+#
+# Ignore [Topic Type] Prefixes in Index: [prefix] [prefix] ...
+# [Add/Replace] Ignored [Topic Type] Prefixes in Index: [prefix] [prefix] ...
+#    Specifies prefixes that should be ignored when sorting symbols in an
+#    index.  Can be specified in general or for a specific topic type.
+#
+#------------------------------------------------------------------------------
+# For basic language support only:
+#
+# Line Comments: [symbol] [symbol] ...
+#    Defines a space-separated list of symbols that are used for line comments,
+#    if any.
+#
+# Block Comments: [opening sym] [closing sym] [opening sym] [closing sym] ...
+#    Defines a space-separated list of symbol pairs that are used for block
+#    comments, if any.
+#
+# Package Separator: [symbol]
+#    Defines the default package separator symbol.  The default is a dot.
+#
+# [Topic Type] Prototype Enders: [symbol] [symbol] ...
+#    When defined, Natural Docs will attempt to get a prototype from the code
+#    immediately following the topic type.  It stops when it reaches one of
+#    these symbols.  Use \n for line breaks.
+#
+# Line Extender: [symbol]
+#    Defines the symbol that allows a prototype to span multiple lines if
+#    normally a line break would end it.
+#
+# Enum Values: [global|under type|under parent]
+#    Defines how enum values are referenced.  The default is global.
+#    global       - Values are always global, referenced as 'value'.
+#    under type   - Values are under the enum type, referenced as
+#               'package.enum.value'.
+#    under parent - Values are under the enum's parent, referenced as
+#               'package.value'.
+#
+# Perl Package: [perl package]
+#    Specifies the Perl package used to fine-tune the language behavior in ways
+#    too complex to do in this file.
+#
+#------------------------------------------------------------------------------
+# For full language support only:
+#
+# Full Language Support: [perl package]
+#    Specifies the Perl package that has the parsing routines necessary for full
+#    language support.
+#
+#-------------------------------------------------------------------------------
+
+# The following languages are defined in the main file, if you'd like to alter
+# them:
+#
+#    Text File, Shebang Script, C/C++, C#, Java, JavaScript, Perl, Python,
+#    PHP, SQL, Visual Basic, Pascal, Assembly, Ada, Tcl, Ruby, Makefile,
+#    ActionScript, ColdFusion, R, Fortran
+
+# If you add a language that you think would be useful to other developers
+# and should be included in Natural Docs by default, please e-mail it to
+# languages [at] naturaldocs [dot] org.

doc_config/Menu.txt

@@ -0,0 +1,204 @@
+Format: 1.35
+
+
+Title: OpenLayers
+SubTitle: JavaScript Mapping Library
+
+# You can add a footer to your documentation like this:
+# Footer: [text]
+# If you want to add a copyright notice, this would be the place to do it.
+
+
+# --------------------------------------------------------------------------
+# 
+# Cut and paste the lines below to change the order in which your files
+# appear on the menu.  Don't worry about adding or removing files, Natural
+# Docs will take care of that.
+# 
+# You can further organize the menu by grouping the entries.  Add a
+# "Group: [name] {" line to start a group, and add a "}" to end it.
+# 
+# You can add text and web links to the menu by adding "Text: [text]" and
+# "Link: [name] ([URL])" lines, respectively.
+# 
+# The formatting and comments are auto-generated, so don't worry about
+# neatness when editing the file.  Natural Docs will clean it up the next
+# time it is run.  When working with groups, just deal with the braces and
+# forget about the indentation and comments.
+# 
+# --------------------------------------------------------------------------
+
+
+File: OpenLayers  (OpenLayers.js)
+
+Group: OpenLayers  {
+
+   File: Ajax  (no auto-title, OpenLayers/Ajax.js)
+
+   Group: BaseTypes  {
+
+      File: Base Types  (no auto-title, OpenLayers/BaseTypes.js)
+      File: Bounds  (no auto-title, OpenLayers/BaseTypes/Bounds.js)
+      File: Class  (no auto-title, OpenLayers/BaseTypes/Class.js)
+      File: Element  (no auto-title, OpenLayers/BaseTypes/Element.js)
+      File: LonLat  (no auto-title, OpenLayers/BaseTypes/LonLat.js)
+      File: Pixel  (no auto-title, OpenLayers/BaseTypes/Pixel.js)
+      File: Size  (no auto-title, OpenLayers/BaseTypes/Size.js)
+      }  # Group: BaseTypes
+
+   File: Console  (no auto-title, OpenLayers/Console.js)
+
+   Group: Control  {
+
+      File: Control  (OpenLayers/Control.js)
+      File: ArgParser  (no auto-title, OpenLayers/Control/ArgParser.js)
+      File: ZoomToMaxExtent  (no auto-title, OpenLayers/Control/ZoomToMaxExtent.js)
+      File: OverviewMap  (no auto-title, OpenLayers/Control/OverviewMap.js)
+      File: DragFeature  (no auto-title, OpenLayers/Control/DragFeature.js)
+      File: DragPan  (no auto-title, OpenLayers/Control/DragPan.js)
+      File: DrawFeature  (no auto-title, OpenLayers/Control/DrawFeature.js)
+      File: EditingToolbar  (no auto-title, OpenLayers/Control/EditingToolbar.js)
+      File: KeyboardDefaults  (no auto-title, OpenLayers/Control/KeyboardDefaults.js)
+      File: LayerSwitcher  (no auto-title, OpenLayers/Control/LayerSwitcher.js)
+      File: MouseDefaults  (no auto-title, OpenLayers/Control/MouseDefaults.js)
+      File: MousePosition  (no auto-title, OpenLayers/Control/MousePosition.js)
+      File: MouseToolbar  (no auto-title, OpenLayers/Control/MouseToolbar.js)
+      File: Navigation  (no auto-title, OpenLayers/Control/Navigation.js)
+      File: NavToolbar  (no auto-title, OpenLayers/Control/NavToolbar.js)
+      File: Panel  (no auto-title, OpenLayers/Control/Panel.js)
+      File: PanZoomBar  (no auto-title, OpenLayers/Control/PanZoomBar.js)
+      File: Permalink  (no auto-title, OpenLayers/Control/Permalink.js)
+      File: Scale  (no auto-title, OpenLayers/Control/Scale.js)
+      File: SelectFeature  (no auto-title, OpenLayers/Control/SelectFeature.js)
+      File: ZoomBox  (no auto-title, OpenLayers/Control/ZoomBox.js)
+      File: PanZoom  (no auto-title, OpenLayers/Control/PanZoom.js)
+      }  # Group: Control
+
+   File: Events  (no auto-title, OpenLayers/Events.js)
+
+   Group: Feature  {
+
+      File: Feature  (OpenLayers/Feature.js)
+      File: WFS  (no auto-title, OpenLayers/Feature/WFS.js)
+      File: Vector  (no auto-title, OpenLayers/Feature/Vector.js)
+      }  # Group: Feature
+
+   Group: Format  {
+
+      File: Format  (OpenLayers/Format.js)
+      File: GeoJSON  (no auto-title, OpenLayers/Format/GeoJSON.js)
+      File: GeoRSS  (no auto-title, OpenLayers/Format/GeoRSS.js)
+      File: GML  (no auto-title, OpenLayers/Format/GML.js)
+      File: JSON  (no auto-title, OpenLayers/Format/JSON.js)
+      File: KML  (no auto-title, OpenLayers/Format/KML.js)
+      File: WFS  (no auto-title, OpenLayers/Format/WFS.js)
+      File: WKT  (no auto-title, OpenLayers/Format/WKT.js)
+      File: XML  (no auto-title, OpenLayers/Format/XML.js)
+      }  # Group: Format
+
+   Group: Geometry  {
+
+      File: Geometry  (OpenLayers/Geometry.js)
+      File: Collection  (no auto-title, OpenLayers/Geometry/Collection.js)
+      File: Curve  (no auto-title, OpenLayers/Geometry/Curve.js)
+      File: LinearRing  (no auto-title, OpenLayers/Geometry/LinearRing.js)
+      File: LineString  (no auto-title, OpenLayers/Geometry/LineString.js)
+      File: MultiLineString  (no auto-title, OpenLayers/Geometry/MultiLineString.js)
+      File: MultiPoint  (no auto-title, OpenLayers/Geometry/MultiPoint.js)
+      File: MultiPolygon  (no auto-title, OpenLayers/Geometry/MultiPolygon.js)
+      File: Point  (no auto-title, OpenLayers/Geometry/Point.js)
+      File: Polygon  (no auto-title, OpenLayers/Geometry/Polygon.js)
+      File: Rectangle  (no auto-title, OpenLayers/Geometry/Rectangle.js)
+      File: Surface  (no auto-title, OpenLayers/Geometry/Surface.js)
+      }  # Group: Geometry
+
+   Group: Handler  {
+
+      File: Handler  (OpenLayers/Handler.js)
+      File: Box  (no auto-title, OpenLayers/Handler/Box.js)
+      File: Drag  (no auto-title, OpenLayers/Handler/Drag.js)
+      File: Feature  (no auto-title, OpenLayers/Handler/Feature.js)
+      File: Keyboard  (no auto-title, OpenLayers/Handler/Keyboard.js)
+      File: MouseWheel  (no auto-title, OpenLayers/Handler/MouseWheel.js)
+      File: Path  (no auto-title, OpenLayers/Handler/Path.js)
+      File: Point  (no auto-title, OpenLayers/Handler/Point.js)
+      File: Polygon  (no auto-title, OpenLayers/Handler/Polygon.js)
+      File: RegularPolygon  (no auto-title, OpenLayers/Handler/RegularPolygon.js)
+      }  # Group: Handler
+
+   File: Icon  (no auto-title, OpenLayers/Icon.js)
+
+   Group: Layer  {
+
+      File: Layer  (OpenLayers/Layer.js)
+      File: Boxes  (no auto-title, OpenLayers/Layer/Boxes.js)
+      File: EventPane  (no auto-title, OpenLayers/Layer/EventPane.js)
+      File: FixedZoomLevels  (no auto-title, OpenLayers/Layer/FixedZoomLevels.js)
+      File: GeoRSS  (no auto-title, OpenLayers/Layer/GeoRSS.js)
+      File: GML  (no auto-title, OpenLayers/Layer/GML.js)
+      File: Google  (no auto-title, OpenLayers/Layer/Google.js)
+      File: Grid  (no auto-title, OpenLayers/Layer/Grid.js)
+      File: HTTPRequest  (no auto-title, OpenLayers/Layer/HTTPRequest.js)
+      File: Image  (no auto-title, OpenLayers/Layer/Image.js)
+      File: KaMap  (no auto-title, OpenLayers/Layer/KaMap.js)
+      File: MapServer  (no auto-title, OpenLayers/Layer/MapServer.js)
+      File: MapServer.Untiled  (no auto-title, OpenLayers/Layer/MapServer/Untiled.js)
+      File: Markers  (no auto-title, OpenLayers/Layer/Markers.js)
+      File: MultiMap  (no auto-title, OpenLayers/Layer/MultiMap.js)
+      File: SphericalMercator  (no auto-title, OpenLayers/Layer/SphericalMercator.js)
+      File: Text  (no auto-title, OpenLayers/Layer/Text.js)
+      File: TileCache  (no auto-title, OpenLayers/Layer/TileCache.js)
+      File: TMS  (no auto-title, OpenLayers/Layer/TMS.js)
+      File: Vector  (no auto-title, OpenLayers/Layer/Vector.js)
+      File: VirtualEarth  (no auto-title, OpenLayers/Layer/VirtualEarth.js)
+      File: WFS  (no auto-title, OpenLayers/Layer/WFS.js)
+      File: WMS  (no auto-title, OpenLayers/Layer/WMS.js)
+      File: WMS.Untiled  (no auto-title, OpenLayers/Layer/WMS/Untiled.js)
+      File: WorldWind  (no auto-title, OpenLayers/Layer/WorldWind.js)
+      File: Yahoo  (no auto-title, OpenLayers/Layer/Yahoo.js)
+      }  # Group: Layer
+
+   File: Map  (no auto-title, OpenLayers/Map.js)
+
+   Group: Marker  {
+
+      File: Marker  (no auto-title, OpenLayers/Marker.js)
+      File: Box  (no auto-title, OpenLayers/Marker/Box.js)
+      }  # Group: Marker
+
+   Group: Popup  {
+
+      File: Popup  (OpenLayers/Popup.js)
+      File: Anchored  (no auto-title, OpenLayers/Popup/Anchored.js)
+      File: AnchoredBubble  (no auto-title, OpenLayers/Popup/AnchoredBubble.js)
+      }  # Group: Popup
+
+   Group: Renderer  {
+
+      File: Renderer  (OpenLayers/Renderer.js)
+      File: Elements  (no auto-title, OpenLayers/Renderer/Elements.js)
+      File: SVG  (no auto-title, OpenLayers/Renderer/SVG.js)
+      File: VML  (no auto-title, OpenLayers/Renderer/VML.js)
+      }  # Group: Renderer
+
+   Group: Tile  {
+
+      File: Tile  (OpenLayers/Tile.js)
+      File: Image  (no auto-title, OpenLayers/Tile/Image.js)
+      File: WFS  (no auto-title, OpenLayers/Tile/WFS.js)
+      }  # Group: Tile
+
+   File: Util  (OpenLayers/Util.js)
+   }  # Group: OpenLayers
+
+Group: Index  {
+
+   Index: Everything
+   Class Index: Classes
+   Constant Index: Constants
+   Function Index: Functions
+   Property Index: Properties
+   File Index: Files
+   Constructor Index: Constructor
+   }  # Group: Index
+

doc_config/OL.css

@@ -0,0 +1,20 @@
+p {
+    text-indent: 0; margin-bottom: 1em;
+}
+
+.MGroup {
+    font-variant: normal;
+    margin: 0.4em 0 0em 10px
+}
+
+.MTitle {
+    font-variant: normal;
+}
+
+.CGroup .CTitle {
+    font-variant: normal;
+}
+
+.SGroup .SEntry {
+    font-variant: normal;
+}

doc_config/Topics.txt

@@ -0,0 +1,105 @@
+Format: 1.35
+
+# This is the Natural Docs topics file for this project.  If you change anything
+# here, it will apply to THIS PROJECT ONLY.  If you'd like to change something
+# for all your projects, edit the Topics.txt in Natural Docs' Config directory
+# instead.
+
+
+# If you'd like to prevent keywords from being recognized by Natural Docs, you
+# can do it like this:
+# Ignore Keywords: [keyword], [keyword], ...
+#
+# Or you can use the list syntax like how they are defined:
+# Ignore Keywords:
+#    [keyword]
+#    [keyword], [plural keyword]
+#    ...
+
+
+#-------------------------------------------------------------------------------
+# SYNTAX:
+#
+# Topic Type: [name]
+# Alter Topic Type: [name]
+#    Creates a new topic type or alters one from the main file.  Each type gets
+#    its own index and behavior settings.  Its name can have letters, numbers,
+#    spaces, and these charaters: - / . '
+#
+# Plural: [name]
+#    Sets the plural name of the topic type, if different.
+#
+# Keywords:
+#    [keyword]
+#    [keyword], [plural keyword]
+#    ...
+#    Defines or adds to the list of keywords for the topic type.  They may only
+#    contain letters, numbers, and spaces and are not case sensitive.  Plural
+#    keywords are used for list topics.  You can redefine keywords found in the
+#    main topics file.
+#
+# Index: [yes|no]
+#    Whether the topics get their own index.  Defaults to yes.  Everything is
+#    included in the general index regardless of this setting.
+#
+# Scope: [normal|start|end|always global]
+#    How the topics affects scope.  Defaults to normal.
+#    normal        - Topics stay within the current scope.
+#    start         - Topics start a new scope for all the topics beneath it,
+#                    like class topics.
+#    end           - Topics reset the scope back to global for all the topics
+#                    beneath it.
+#    always global - Topics are defined as global, but do not change the scope
+#                    for any other topics.
+#
+# Class Hierarchy: [yes|no]
+#    Whether the topics are part of the class hierarchy.  Defaults to no.
+#
+# Variable Type: [yes|no]
+#    Whether the topics can be a variable type.  Defaults to no.
+#
+# Page Title If First: [yes|no]
+#    Whether the topic's title becomes the page title if it's the first one in
+#    a file.  Defaults to no.
+#
+# Break Lists: [yes|no]
+#    Whether list topics should be broken into individual topics in the output.
+#    Defaults to no.
+#
+# Can Group With: [type], [type], ...
+#    Defines a list of topic types that this one can possibly be grouped with.
+#    Defaults to none.
+#-------------------------------------------------------------------------------
+
+# The following topics are defined in the main file, if you'd like to alter
+# their behavior or add keywords:
+#
+#    Generic, Class, Interface, Section, File, Group, Function, Variable,
+#    Property, Type, Constant, Enumeration, Event, Delegate, Macro,
+#    Database, Database Table, Database View, Database Index, Database
+#    Cursor, Database Trigger, Cookie, Build Target
+
+# If you add something that you think would be useful to other developers
+# and should be included in Natural Docs by default, please e-mail it to
+# topics [at] naturaldocs [dot] org.
+
+
+Topic Type: Constructor
+
+   Class Hierarchy: Yes
+   Keywords:
+      constructor
+      initialize
+
+
+Alter Topic Type: Function
+
+   Add Keywords:
+      apimethod
+      apifunction
+
+
+Alter Topic Type: Property
+
+   Add Keywords:
+      apiproperty

examples/KMLParser.html

@@ -24,7 +24,7 @@
           document.body.innerHTML = html;
         }
         function load() {
-            OpenLayers.loadURL("kml/mc-search.kml", "", null, parseData);
+            OpenLayers.loadURL("kml/lines.kml", "", null, parseData);
         }   
     </script>
   </head>

examples/accessible.html

@@ -0,0 +1,124 @@
+<html xmlns="http://www.w3.org/1999/xhtml">
+    <head>
+        <style type="text/css">
+            #map {
+                width: 512px;
+                height: 256px;
+                border: 1px solid #eee;
+            }
+            table {
+                border: 1 px solid white;
+                padding: 0;
+            }
+            td {
+                text-align: center;
+            }
+            a {
+                text-decoration: none;
+                font-size: 1.2em;
+            }
+            a em {
+                font-style: normal;
+                font-weight: normal;
+                text-decoration: underline;
+            }            
+            a:hover {
+                text-decoration: underline;
+            }         
+        </style>
+        <script src="../lib/OpenLayers.js"></script>
+        <script type="text/javascript">
+            var map = null;
+            function init(){
+                var options = {
+                    controls: [new OpenLayers.Control.KeyboardDefaults()]
+                };
+                map = new OpenLayers.Map('map', options);
+                var wms = new OpenLayers.Layer.WMS(
+                    "OpenLayers WMS", 
+                    "http://labs.metacarta.com/wms/vmap0?",
+                    {layers: 'basic'}
+                );
+                map.addLayer(wms);
+                map.zoomToMaxExtent();
+            }
+        </script>
+    </head>
+    <body onload="init()">
+        <h3>OpenLayers Example</h3>
+        <table>
+            <tbody>
+                <tr>
+                    <td>
+                        <a href="javascript: void map.zoomOut();"
+                           accesskey="o">
+                            zoom <em>o</em>ut
+                        </a>
+                    </td>
+                    <td>
+                        <a href="javascript: void map.pan(0, -map.getSize().h / 4);"
+                           accesskey="n">
+                            pan <em>n</em>orth
+                        </a>
+                    </td>
+                    <td>
+                        <a href="javascript: void map.zoomIn();"
+                           accesskey="i">
+                            zoom <em>i</em>n
+                        </a>
+                    </td>
+                </tr>
+                <tr>
+                    <td>
+                        <a href="javascript: void map.pan(-map.getSize().w / 4, 0);"
+                           accesskey="w">
+                            pan <em>w</em>est
+                        </a>
+                    </td>
+                    <td id="map"></td>
+                    <td>
+                        <a href="javascript: void map.pan(map.getSize().w / 4, 0);"
+                           accesskey="e">
+                            pan <em>e</em>ast
+                        </a>
+                    </td>
+                </tr>
+                <tr>
+                    <td>&nbsp;</td>
+                    <td>
+                        <a href="javascript: void map.pan(0, map.getSize().h / 4);"
+                           accesskey="s">
+                            pan <em>s</em>outh
+                        </a>
+                    </td>
+                    <td>&nbsp;</td>
+                </tr>
+            </tbody>
+        </table>
+        <p>Navigate the map in one of three ways:
+            <ul>
+                <li>Click on the named links to zoom and pan</li>
+                <li>Use following keys to pan and zoom:
+                    <ul>
+                        <li>+ (zoom in)</li>
+                        <li>- (zoom out)</li>
+                        <li>up-arrow (pan north)</li>
+                        <li>down-arrow (pan south)</li>
+                        <li>left-arrow (pan east)</li>
+                        <li>right-arrow (pan west)</li>
+                    </ul>
+                </li>
+                <li>If access keys work for links in your browser, use:
+                    <ul>
+                        <li>i (zoom in)</li>
+                        <li>o (zoom out)</li>
+                        <li>n (pan north)</li>
+                        <li>s (pan south)</li>
+                        <li>e (pan east)</li>
+                        <li>w (pan west)</li>
+                    </ul>
+                </li>
+            </ul>
+        </p>
+    </body>
+</html>

examples/attribution.html

@@ -9,28 +9,24 @@
     </style>
     <script src="../lib/OpenLayers.js"></script>
     <script type="text/javascript">
-        <!--
+        var map; 
         function init(){
-            var map = new OpenLayers.Map('map');
-
+            map = new OpenLayers.Map('map');
+            
             var ol_wms = new OpenLayers.Layer.WMS( "OpenLayers WMS", 
-                "http://labs.metacarta.com/wms/vmap0?", {layers: 'basic'} );
+                "http://labs.metacarta.com/wms/vmap0?", {layers: 'basic'},
+                {'attribution': 'Provided by <a href="http://labs.metacarta.com/">MetaCarta</a>'}); 
 
-            var jpl_wms = new OpenLayers.Layer.WMS( "Population Density 2000",
-                "http://beta.sedac.ciesin.columbia.edu/mapserver/wms/gpw2000", 
-                {layers: "gpw"});
-            var cie_wms = new OpenLayers.Layer.WMS( "Human Footprint",
-                "http://beta.sedac.ciesin.columbia.edu/mapserver/wms/hfoot", 
-                {layers: "hfoot"});
+            var jpl_wms = new OpenLayers.Layer.WMS( "NASA Global Mosaic",
+                "http://wms.jpl.nasa.gov/wms.cgi", 
+                {layers: "modis,global_mosaic"},{attribution:"Provided by NASA"});
 
-            jpl_wms.setVisibility(false);
-
-            map.addLayers([ol_wms, jpl_wms, cie_wms]);
+            map.addLayers([ol_wms, jpl_wms]);
             map.addControl(new OpenLayers.Control.LayerSwitcher());
+            map.addControl(new OpenLayers.Control.Attribution());
             // map.setCenter(new OpenLayers.LonLat(0, 0), 0);
             map.zoomToMaxExtent();
         }
-        // -->
     </script>
   </head>
   <body onload="init()">

examples/baseLayers.html

@@ -18,7 +18,6 @@
     <script src="http://api.maps.yahoo.com/ajaxymap?v=3.0&appid=euzuro-openlayers"></script>
     <script src="../lib/OpenLayers.js"></script>
     <script type="text/javascript">
-        <!--
         var lon = 5;
         var lat = 40;
         var zoom = 5;
@@ -69,8 +68,6 @@
         function remove() {
             markers.removeMarker(marker);
         }
-                
-    // -->
 
     </script>
   </head>

examples/boxes.html

@@ -9,16 +9,15 @@
     </style>
     <script src="../lib/OpenLayers.js"></script>
     <script type="text/javascript">
-        <!--
-        box_extents = [
+        var box_extents = [
             [-10, 50, 5, 60],
             [-75, 41, -71, 44],
             [-122.6, 37.6, -122.3, 37.9],
             [10, 10, 20, 20]
         ];
-
+        var map;
         function init(){
-            var map = new OpenLayers.Map('map');
+            map = new OpenLayers.Map('map');
 
             var ol_wms = new OpenLayers.Layer.WMS( "OpenLayers WMS", 
                 "http://labs.metacarta.com/wms/vmap0?", {layers: 'basic'} );
@@ -39,7 +38,6 @@
             map.addControl(new OpenLayers.Control.LayerSwitcher());
             map.zoomToMaxExtent();
         }
-        // -->
     </script>
   </head>
   <body onload="init()">

examples/buffer.html

@@ -0,0 +1,41 @@
+<html xmlns="http://www.w3.org/1999/xhtml">
+  <head>
+    <style type="text/css">
+        #map {
+            width: 694px;
+            height: 464px;
+            border: 1px solid black;
+        }
+    </style>
+    <script src="../lib/OpenLayers.js"></script>
+    <script type="text/javascript">
+        var lon = 0;
+        var lat = 0;
+        var zoom = 2;
+        var map, layer;
+
+        function init(){
+            map = new OpenLayers.Map( 'map' );
+            layer = new OpenLayers.Layer.WMS( "0 buffer: OpenLayers WMS", 
+                    "http://labs.metacarta.com/wms/vmap0",
+                    {layers: 'basic'}, {'buffer':0} );
+            map.addLayer(layer);
+            layer = new OpenLayers.Layer.WMS( "1 buffer: OpenLayers WMS", 
+                    "http://labs.metacarta.com/wms/vmap0",
+                    {layers: 'basic'}, {'buffer':1} );
+            map.addLayer(layer);
+            layer = new OpenLayers.Layer.WMS( "4 buffer: OpenLayers WMS", 
+                    "http://labs.metacarta.com/wms/vmap0",
+                    {layers: 'basic'}, {'buffer':4} );
+            map.addLayer(layer);
+            map.addControl(new OpenLayers.Control.LayerSwitcher())
+            map.setCenter(new OpenLayers.LonLat(lon, lat), zoom);
+        }
+    </script>
+  </head>
+  <body onload="init()">
+    <div id="map"></div>
+    <p>Use the buffer property to control how many tiles are included
+       outside the visible map area. Default is 2</p> 
+  </body>
+</html>

examples/canvas.html

@@ -1,613 +0,0 @@
-<html xmlns="http://www.w3.org/1999/xhtml">
-  <head>
-    <style type="text/css">
-        #map {
-            width: 512px;
-            height: 512px;
-            border: 1px solid black;
-        }
-    </style>
-        <script src='http://maps.google.com/maps?file=api&amp;v=2&amp;key=ABQIAAAA9XNhd8q0UdwNC7YSO4YZghSPUCi5aRYVveCcVYxzezM4iaj_gxQ9t-UajFL70jfcpquH5l1IJ-Zyyw'></script>
-    <script src="../lib/OpenLayers.js"></script>
-    <script type="text/javascript">
-        <!--
-        var map, canvas;
-        var click;
-        function init(){
-            map = new OpenLayers.Map('map');
-
-            var ol_wms = new OpenLayers.Layer.WMS( "OpenLayers WMS", 
-                "http://labs.metacarta.com/wms/vmap0?", {layers: 'basic'}); 
-            var g = new OpenLayers.Layer.Google("Google");    
-            canvas = new OpenLayers.Layer.Canvas("Canvas Layer");
-            map.addLayers([ol_wms, g,canvas]);
-            map.addControl(new OpenLayers.Control.LayerSwitcher());
-            // map.setCenter(new OpenLayers.LonLat(0, 0), 0);
-            map.zoomToMaxExtent();
-            canvas.drawLine(new OpenLayers.LonLat(-71,42), new OpenLayers.LonLat(0,0));
-            canvas.setStrokeColor("red");
-            canvas.setStrokeWidth(5);
-            canvas.setAlpha(.5);
-            map.events.register("click", map, function(e) {
-              if (click) {
-                canvas.drawLine(click, this.getLonLatFromPixel(e.xy));
-                click = null;
-                OpenLayers.Util.getElement('status').innerHTML = "";
-              } 
-              else { 
-               click = this.getLonLatFromPixel(e.xy);
-               OpenLayers.Util.getElement('status').innerHTML = "Point 1 stored: "+click+". <a href='#' onclick='click=null;return false'>Reset</a>";
-             }
-           });
-        }
-        function drawIt() { 
-          canvas.drawLine(
-            new OpenLayers.LonLat(parseFloat(OpenLayers.Util.getElement('lon1').value), parseFloat(OpenLayers.Util.getElement('lat1').value)), 
-            new OpenLayers.LonLat(parseFloat(OpenLayers.Util.getElement('lon2').value), parseFloat(OpenLayers.Util.getElement('lat2').value))
-          );
-        }
-        // -->
-    </script>
-  </head>
-  <body onload="init()">
-    <h1>OpenLayers Example</h1>
-    <div style="float:right">
-    <br />
-    Start Lon: <input type="text" id="lon1" />
-    Start Lat: <input type="text" id="lat1" /><br />
-    End Lon: <input type="text" id="lon2" />
-    End Lat: <input type="text" id="lat2" /><br />
-    <input type="submit" value="Add line" onclick="drawIt()" />
-    <div id="status"></div>
-    <center>
-<table border="1" cellpadding="0" cellspacing="1">
-<tbody>
-<tr>
-<td bgcolor="#000000">
-<font size="-3">
-<a href="#" onclick="canvas.setStrokeColor('#000000');return false">&nbsp;&nbsp;&nbsp;</a>
-</font>
-</td>
-<td bgcolor="#000033">
-<font size="-3">
-<a href="#" onclick="canvas.setStrokeColor('#000033');return false">&nbsp;&nbsp;&nbsp;</a>
-</font>
-</td>
-<td bgcolor="#000066">
-<font size="-3">
-<a href="#" onclick="canvas.setStrokeColor('#000066');return false">&nbsp;&nbsp;&nbsp;</a>
-</font>
-</td>
-<td bgcolor="#000099">
-<font size="-3">
-<a href="#" onclick="canvas.setStrokeColor('#000099');return false">&nbsp;&nbsp;&nbsp;</a>
-</font>
-</td>
-<td bgcolor="#0000cc">
-<font size="-3">
-<a href="#" onclick="canvas.setStrokeColor('#0000CC');return false">&nbsp;&nbsp;&nbsp;</a>
-</font>
-</td>
-<td bgcolor="#0000ff">
-<font size="-3">
-<a href="#" onclick="canvas.setStrokeColor('#0000FF');return false">&nbsp;&nbsp;&nbsp;</a>
-</font>
-</td>
-<td bgcolor="#330000">
-<font size="-3">
-<a href="#" onclick="canvas.setStrokeColor('#330000');return false">&nbsp;&nbsp;&nbsp;</a>
-</font>
-</td>
-<td bgcolor="#330033">
-<font size="-3">
-<a href="#" onclick="canvas.setStrokeColor('#330033');return false">&nbsp;&nbsp;&nbsp;</a>
-</font>
-</td>
-<td bgcolor="#330066">
-<font size="-3">
-<a href="#" onclick="canvas.setStrokeColor('#330066');return false">&nbsp;&nbsp;&nbsp;</a>
-</font>
-</td>
-<td bgcolor="#330099">
-<font size="-3">
-<a href="#" onclick="canvas.setStrokeColor('#330099');return false">&nbsp;&nbsp;&nbsp;</a>
-</font>
-</td>
-<td bgcolor="#3300cc">
-<font size="-3">
-<a href="#" onclick="canvas.setStrokeColor('#3300CC');return false">&nbsp;&nbsp;&nbsp;</a>
-</font>
-</td>
-<td bgcolor="#3300ff">
-<font size="-3">
-<a href="#" onclick="canvas.setStrokeColor('#3300FF');return false">&nbsp;&nbsp;&nbsp;</a>
-</font>
-</td>
-<td bgcolor="#660000">
-<font size="-3">
-<a href="#" onclick="canvas.setStrokeColor('#660000');return false">&nbsp;&nbsp;&nbsp;</a>
-</font>
-</td>
-<td bgcolor="#660033">
-<font size="-3">
-<a href="#" onclick="canvas.setStrokeColor('#660033');return false">&nbsp;&nbsp;&nbsp;</a>
-</font>
-</td>
-<td bgcolor="#660066">
-<font size="-3">
-<a href="#" onclick="canvas.setStrokeColor('#660066');return false">&nbsp;&nbsp;&nbsp;</a>
-</font>
-</td>
-<td bgcolor="#660099">
-<font size="-3">
-<a href="#" onclick="canvas.setStrokeColor('#660099');return false">&nbsp;&nbsp;&nbsp;</a>
-</font>
-</td>
-<td bgcolor="#6600cc">
-<font size="-3">
-<a href="#" onclick="canvas.setStrokeColor('#6600CC');return false">&nbsp;&nbsp;&nbsp;</a>
-</font>
-</td>
-<td bgcolor="#6600ff">
-<font size="-3">
-<a href="#" onclick="canvas.setStrokeColor('#6600FF');return false">&nbsp;&nbsp;&nbsp;</a>
-</font>
-</td>
-</tr>
-<tr>
-<td bgcolor="#990000">
-<font size="-3">
-<a href="#" onclick="canvas.setStrokeColor('#990000');return false">&nbsp;&nbsp;&nbsp;</a>
-</font>
-</td>
-<td bgcolor="#990033">
-<font size="-3">
-<a href="#" onclick="canvas.setStrokeColor('#990033');return false">&nbsp;&nbsp;&nbsp;</a>
-</font>
-</td>
-<td bgcolor="#990066">
-<font size="-3">
-<a href="#" onclick="canvas.setStrokeColor('#990066');return false">&nbsp;&nbsp;&nbsp;</a>
-</font>
-</td>
-<td bgcolor="#990099">
-<font size="-3">
-<a href="#" onclick="canvas.setStrokeColor('#990099');return false">&nbsp;&nbsp;&nbsp;</a>
-</font>
-</td>
-<td bgcolor="#9900cc">
-<font size="-3">
-<a href="#" onclick="canvas.setStrokeColor('#9900CC');return false">&nbsp;&nbsp;&nbsp;</a>
-</font>
-</td>
-<td bgcolor="#9900ff">
-<font size="-3">
-<a href="#" onclick="canvas.setStrokeColor('#9900FF');return false">&nbsp;&nbsp;&nbsp;</a>
-</font>
-</td>
-<td bgcolor="#cc0000">
-<font size="-3">
-<a href="#" onclick="canvas.setStrokeColor('#CC0000');return false">&nbsp;&nbsp;&nbsp;</a>
-</font>
-</td>
-<td bgcolor="#cc0033">
-<font size="-3">
-<a href="#" onclick="canvas.setStrokeColor('#CC0033');return false">&nbsp;&nbsp;&nbsp;</a>
-</font>
-</td>
-<td bgcolor="#cc0066">
-<font size="-3">
-<a href="#" onclick="canvas.setStrokeColor('#CC0066');return false">&nbsp;&nbsp;&nbsp;</a>
-</font>
-</td>
-<td bgcolor="#cc0099">
-<font size="-3">
-<a href="#" onclick="canvas.setStrokeColor('#CC0099');return false">&nbsp;&nbsp;&nbsp;</a>
-</font>
-</td>
-<td bgcolor="#cc00cc">
-<font size="-3">
-<a href="#" onclick="canvas.setStrokeColor('#CC00CC');return false">&nbsp;&nbsp;&nbsp;</a>
-</font>
-</td>
-<td bgcolor="#cc00ff">
-<font size="-3">
-<a href="#" onclick="canvas.setStrokeColor('#CC00FF');return false">&nbsp;&nbsp;&nbsp;</a>
-</font>
-</td>
-<td bgcolor="#ff0000">
-<font size="-3">
-<a href="#" onclick="canvas.setStrokeColor('#FF0000');return false">&nbsp;&nbsp;&nbsp;</a>
-</font>
-</td>
-<td bgcolor="#ff0033">
-<font size="-3">
-<a href="#" onclick="canvas.setStrokeColor('#FF0033');return false">&nbsp;&nbsp;&nbsp;</a>
-</font>
-</td>
-<td bgcolor="#ff0066">
-<font size="-3">
-<a href="#" onclick="canvas.setStrokeColor('#FF0066');return false">&nbsp;&nbsp;&nbsp;</a>
-</font>
-</td>
-<td bgcolor="#ff0099">
-<font size="-3">
-<a href="#" onclick="canvas.setStrokeColor('#FF0099');return false">&nbsp;&nbsp;&nbsp;</a>
-</font>
-</td>
-<td bgcolor="#ff00cc">
-<font size="-3">
-<a href="#" onclick="canvas.setStrokeColor('#FF00CC');return false">&nbsp;&nbsp;&nbsp;</a>
-</font>
-</td>
-<td bgcolor="#ff00ff">
-<font size="-3">
-<a href="#" onclick="canvas.setStrokeColor('#FF00FF');return false">&nbsp;&nbsp;&nbsp;</a>
-</font>
-</td>
-</tr>
-<tr>
-<td bgcolor="#003300">
-<font size="-3">
-<a href="#" onclick="canvas.setStrokeColor('#003300');return false">&nbsp;&nbsp;&nbsp;</a>
-</font>
-</td>
-<td bgcolor="#003333">
-<font size="-3">
-<a href="#" onclick="canvas.setStrokeColor('#003333');return false">&nbsp;&nbsp;&nbsp;</a>
-</font>
-</td>
-<td bgcolor="#003366">
-<font size="-3">
-<a href="#" onclick="canvas.setStrokeColor('#003366');return false">&nbsp;&nbsp;&nbsp;</a>
-</font>
-</td>
-<td bgcolor="#003399">
-<font size="-3">
-<a href="#" onclick="canvas.setStrokeColor('#003399');return false">&nbsp;&nbsp;&nbsp;</a>
-</font>
-</td>
-<td bgcolor="#0033cc">
-<font size="-3">
-<a href="#" onclick="canvas.setStrokeColor('#0033CC');return false">&nbsp;&nbsp;&nbsp;</a>
-</font>
-</td>
-<td bgcolor="#0033ff">
-<font size="-3">
-<a href="#" onclick="canvas.setStrokeColor('#0033FF');return false">&nbsp;&nbsp;&nbsp;</a>
-</font>
-</td>
-<td bgcolor="#333300">
-<font size="-3">
-<a href="#" onclick="canvas.setStrokeColor('#333300');return false">&nbsp;&nbsp;&nbsp;</a>
-</font>
-</td>
-<td bgcolor="#333333">
-<font size="-3">
-<a href="#" onclick="canvas.setStrokeColor('#333333');return false">&nbsp;&nbsp;&nbsp;</a>
-</font>
-</td>
-<td bgcolor="#333366">
-<font size="-3">
-<a href="#" onclick="canvas.setStrokeColor('#333366');return false">&nbsp;&nbsp;&nbsp;</a>
-</font>
-</td>
-<td bgcolor="#333399">
-<font size="-3">
-<a href="#" onclick="canvas.setStrokeColor('#333399');return false">&nbsp;&nbsp;&nbsp;</a>
-</font>
-</td>
-<td bgcolor="#3333cc">
-<font size="-3">
-<a href="#" onclick="canvas.setStrokeColor('#3333CC');return false">&nbsp;&nbsp;&nbsp;</a>
-</font>
-</td>
-<td bgcolor="#3333ff">
-<font size="-3">
-<a href="#" onclick="canvas.setStrokeColor('#3333FF');return false">&nbsp;&nbsp;&nbsp;</a>
-</font>
-</td>
-<td bgcolor="#663300">
-<font size="-3">
-<a href="#" onclick="canvas.setStrokeColor('#663300');return false">&nbsp;&nbsp;&nbsp;</a>
-</font>
-</td>
-<td bgcolor="#663333">
-<font size="-3">
-<a href="#" onclick="canvas.setStrokeColor('#663333');return false">&nbsp;&nbsp;&nbsp;</a>
-</font>
-</td>
-<td bgcolor="#663366">
-<font size="-3">
-<a href="#" onclick="canvas.setStrokeColor('#663366');return false">&nbsp;&nbsp;&nbsp;</a>
-</font>
-</td>
-<td bgcolor="#663399">
-<font size="-3">
-<a href="#" onclick="canvas.setStrokeColor('#663399');return false">&nbsp;&nbsp;&nbsp;</a>
-</font>
-</td>
-<td bgcolor="#6633cc">
-<font size="-3">
-<a href="#" onclick="canvas.setStrokeColor('#6633CC');return false">&nbsp;&nbsp;&nbsp;</a>
-</font>
-</td>
-<td bgcolor="#6633ff">
-<font size="-3">
-<a href="#" onclick="canvas.setStrokeColor('#6633FF');return false">&nbsp;&nbsp;&nbsp;</a>
-</font>
-</td>
-</tr>
-<tr>
-<td bgcolor="#993300">
-<font size="-3">
-<a href="#" onclick="canvas.setStrokeColor('#993300');return false">&nbsp;&nbsp;&nbsp;</a>
-</font>
-</td>
-<td bgcolor="#993333">
-<font size="-3">
-<a href="#" onclick="canvas.setStrokeColor('#993333');return false">&nbsp;&nbsp;&nbsp;</a>
-</font>
-</td>
-<td bgcolor="#993366">
-<font size="-3">
-<a href="#" onclick="canvas.setStrokeColor('#993366');return false">&nbsp;&nbsp;&nbsp;</a>
-</font>
-</td>
-<td bgcolor="#993399">
-<font size="-3">
-<a href="#" onclick="canvas.setStrokeColor('#993399');return false">&nbsp;&nbsp;&nbsp;</a>
-</font>
-</td>
-<td bgcolor="#9933cc">
-<font size="-3">
-<a href="#" onclick="canvas.setStrokeColor('#9933CC');return false">&nbsp;&nbsp;&nbsp;</a>
-</font>
-</td>
-<td bgcolor="#9933ff">
-<font size="-3">
-<a href="#" onclick="canvas.setStrokeColor('#9933FF');return false">&nbsp;&nbsp;&nbsp;</a>
-</font>
-</td>
-<td bgcolor="#cc3300">
-<font size="-3">
-<a href="#" onclick="canvas.setStrokeColor('#CC3300');return false">&nbsp;&nbsp;&nbsp;</a>
-</font>
-</td>
-<td bgcolor="#cc3333">
-<font size="-3">
-<a href="#" onclick="canvas.setStrokeColor('#CC3333');return false">&nbsp;&nbsp;&nbsp;</a>
-</font>
-</td>
-<td bgcolor="#cc33cc">
-<font size="-3">
-<a href="#" onclick="canvas.setStrokeColor('#CC33CC');return false">&nbsp;&nbsp;&nbsp;</a>
-</font>
-</td>
-<td bgcolor="#cc33ff">
-<font size="-3">
-<a href="#" onclick="canvas.setStrokeColor('#CC33FF');return false">&nbsp;&nbsp;&nbsp;</a>
-</font>
-</td>
-<td bgcolor="#ff3300">
-<font size="-3">
-<a href="#" onclick="canvas.setStrokeColor('#FF3300');return false">&nbsp;&nbsp;&nbsp;</a>
-</font>
-</td>
-<td bgcolor="#ff3333">
-<font size="-3">
-<a href="#" onclick="canvas.setStrokeColor('#FF3333');return false">&nbsp;&nbsp;&nbsp;</a>
-</font>
-</td>
-<td bgcolor="#ff3366">
-<font size="-3">
-<a href="#" onclick="canvas.setStrokeColor('#FF3366');return false">&nbsp;&nbsp;&nbsp;</a>
-</font>
-</td>
-<td bgcolor="#ff3399">
-<font size="-3">
-<a href="#" onclick="canvas.setStrokeColor('#FF3399');return false">&nbsp;&nbsp;&nbsp;</a>
-</font>
-</td>
-<td bgcolor="#ff33cc">
-<font size="-3">
-<a href="#" onclick="canvas.setStrokeColor('#FF33CC');return false">&nbsp;&nbsp;&nbsp;</a>
-</font>
-</td>
-<td bgcolor="#ff33ff">
-<font size="-3">
-<a href="#" onclick="canvas.setStrokeColor('#FF33FF');return false">&nbsp;&nbsp;&nbsp;</a>
-</font>
-</td>
-</tr>
-<tr>
-<td bgcolor="#006600">
-<font size="-3">
-<a href="#" onclick="canvas.setStrokeColor('#006600');return false">&nbsp;&nbsp;&nbsp;</a>
-</font>
-</td>
-<td bgcolor="#006633">
-<font size="-3">
-<a href="#" onclick="canvas.setStrokeColor('#006633');return false">&nbsp;&nbsp;&nbsp;</a>
-</font>
-</td>
-<td bgcolor="#006666">
-<font size="-3">
-<a href="#" onclick="canvas.setStrokeColor('#006666');return false">&nbsp;&nbsp;&nbsp;</a>
-</font>
-</td>
-<td bgcolor="#006699">
-<font size="-3">
-<a href="#" onclick="canvas.setStrokeColor('#006699');return false">&nbsp;&nbsp;&nbsp;</a>
-</font>
-</td>
-<td bgcolor="#0066cc">
-<font size="-3">
-<a href="#" onclick="canvas.setStrokeColor('#0066CC');return false">&nbsp;&nbsp;&nbsp;</a>
-</font>
-</td>
-<td bgcolor="#336699">
-<font size="-3">
-<a href="#" onclick="canvas.setStrokeColor('#336699');return false">&nbsp;&nbsp;&nbsp;</a>
-</font>
-</td>
-<td bgcolor="#3366cc">
-<font size="-3">
-<a href="#" onclick="canvas.setStrokeColor('#3366CC');return false">&nbsp;&nbsp;&nbsp;</a>
-</font>
-</td>
-<td bgcolor="#3366ff">
-<font size="-3">
-<a href="#" onclick="canvas.setStrokeColor('#3366FF');return false">&nbsp;&nbsp;&nbsp;</a>
-</font>
-</td>
-<td bgcolor="#666600">
-<font size="-3">
-<a href="#" onclick="canvas.setStrokeColor('#666600');return false">&nbsp;&nbsp;&nbsp;</a>
-</font>
-</td>
-<td bgcolor="#666633">
-<font size="-3">
-<a href="#" onclick="canvas.setStrokeColor('#666633');return false">&nbsp;&nbsp;&nbsp;</a>
-</font>
-</td>
-<td bgcolor="#666666">
-<font size="-3">
-<a href="#" onclick="canvas.setStrokeColor('#666666');return false">&nbsp;&nbsp;&nbsp;</a>
-</font>
-</td>
-<td bgcolor="#666699">
-<font size="-3">
-<a href="#" onclick="canvas.setStrokeColor('#666699');return false">&nbsp;&nbsp;&nbsp;</a>
-</font>
-</td>
-<td bgcolor="#6666cc">
-<font size="-3">
-<a href="#" onclick="canvas.setStrokeColor('#6666CC');return false">&nbsp;&nbsp;&nbsp;</a>
-</font>
-</td>
-<td bgcolor="#6666ff">
-<font size="-3">
-<a href="#" onclick="canvas.setStrokeColor('#6666FF');return false">&nbsp;&nbsp;&nbsp;</a>
-</font>
-</td>
-</tr>
-<tr>
-<td bgcolor="#996600">
-<font size="-3">
-<a href="#" onclick="canvas.setStrokeColor('#996600');return false">&nbsp;&nbsp;&nbsp;</a>
-</font>
-</td>
-<td bgcolor="#996633">
-<font size="-3">
-<a href="#" onclick="canvas.setStrokeColor('#996633');return false">&nbsp;&nbsp;&nbsp;</a>
-</font>
-</td>
-<td bgcolor="#9966ff">
-<font size="-3">
-<a href="#" onclick="canvas.setStrokeColor('#9966FF');return false">&nbsp;&nbsp;&nbsp;</a>
-</font>
-</td>
-<td bgcolor="#cc6600">
-<font size="-3">
-<a href="#" onclick="canvas.setStrokeColor('#CC6600');return false">&nbsp;&nbsp;&nbsp;</a>
-</font>
-</td>
-<td bgcolor="#cc6633">
-<font size="-3">
-<a href="#" onclick="canvas.setStrokeColor('#CC6633');return false">&nbsp;&nbsp;&nbsp;</a>
-</font>
-</td>
-<td bgcolor="#cc6666">
-<font size="-3">
-<a href="#" onclick="canvas.setStrokeColor('#CC6666');return false">&nbsp;&nbsp;&nbsp;</a>
-</font>
-</td>
-<td bgcolor="#cc6699">
-<font size="-3">
-<a href="#" onclick="canvas.setStrokeColor('#CC6699');return false">&nbsp;&nbsp;&nbsp;</a>
-</font>
-</td>
-<td bgcolor="#cc66cc">
-<font size="-3">
-<a href="#" onclick="canvas.setStrokeColor('#CC66CC');return false">&nbsp;&nbsp;&nbsp;</a>
-</font>
-</td>
-<td bgcolor="#cc66ff">
-<font size="-3">
-<a href="#" onclick="canvas.setStrokeColor('#CC66FF');return false">&nbsp;&nbsp;&nbsp;</a>
-</font>
-</td>
-<td bgcolor="#ff6600">
-<font size="-3">
-<a href="#" onclick="canvas.setStrokeColor('#FF6600');return false">&nbsp;&nbsp;&nbsp;</a>
-</font>
-</td>
-<td bgcolor="#ff6633">
-<font size="-3">
-<a href="#" onclick="canvas.setStrokeColor('#FF6633');return false">&nbsp;&nbsp;&nbsp;</a>
-</font>
-</td>
-</tr>
-<tr>
-<td bgcolor="#009900">
-<font size="-3">
-<a href="#" onclick="canvas.setStrokeColor('#009900');return false">&nbsp;&nbsp;&nbsp;</a>
-</font>
-</td>
-<td bgcolor="#009933">
-<font size="-3">
-<a href="#" onclick="canvas.setStrokeColor('#009933');return false">&nbsp;&nbsp;&nbsp;</a>
-</font>
-</td>
-<td bgcolor="#009966">
-<font size="-3">
-<a href="#" onclick="canvas.setStrokeColor('#009966');return false">&nbsp;&nbsp;&nbsp;</a>
-</font>
-</td>
-<td bgcolor="#009999">
-<font size="-3">
-<a href="#" onclick="canvas.setStrokeColor('#009999');return false">&nbsp;&nbsp;&nbsp;</a>
-</font>
-</td>
-<td bgcolor="#0099cc">
-<font size="-3">
-<a href="#" onclick="canvas.setStrokeColor('#0099CC');return false">&nbsp;&nbsp;&nbsp;</a>
-</font>
-</td>
-<td bgcolor="#0099ff">
-<font size="-3">
-<a href="#" onclick="canvas.setStrokeColor('#0099FF');return false">&nbsp;&nbsp;&nbsp;</a>
-</font>
-</td>
-<td bgcolor="#339900">
-<font size="-3">
-<a href="#" onclick="canvas.setStrokeColor('#339900');return false">&nbsp;&nbsp;&nbsp;</a>
-</font>
-</td>
-<td bgcolor="#339933">
-<font size="-3">
-<a href="#" onclick="canvas.setStrokeColor('#339933');return false">&nbsp;&nbsp;&nbsp;</a>
-</font>
-</td>
-<td bgcolor="#339966">
-<font size="-3">
-<a href="#" onclick="canvas.setStrokeColor('#339966');return false">&nbsp;&nbsp;&nbsp;</a>
-</font>
-</td>
-<td bgcolor="#339999">
-<font size="-3">
-<a href="#" onclick="canvas.setStrokeColor('#339999');return false">&nbsp;&nbsp;&nbsp;</a>
-</font>
-</td>
-<td bgcolor="#3399cc">
-<font size="-3">
-<a href="#" onclick="canvas.setStrokeColor('#3399CC');return false">&nbsp;&nbsp;&nbsp;</a>
-</font>
-</td>
-</tr>
-</table>
-    </div>
-    <div id="map"></div>
-  </body>
-</html>

examples/click.html

@@ -9,9 +9,9 @@
     </style>
     <script src="../lib/OpenLayers.js"></script>
     <script type="text/javascript">
-        <!--
+        var map;
         function init(){
-            var map = new OpenLayers.Map('map');
+            map = new OpenLayers.Map('map');
 
             var ol_wms = new OpenLayers.Layer.WMS( "OpenLayers WMS", 
                 "http://labs.metacarta.com/wms/vmap0?", {layers: 'basic'} );
@@ -32,7 +32,6 @@
                                           + lonlat.lon + " E");
             });
         }
-        // -->
     </script>
   </head>
   <body onload="init()">

examples/controls.html

@@ -9,9 +9,9 @@
     </style>
     <script src="../lib/OpenLayers.js"></script>
     <script type="text/javascript">
-        <!--
+        var map;
         function init(){
-            var map = new OpenLayers.Map('map', { controls: [] });
+            map = new OpenLayers.Map('map', { controls: [] });
 
             map.addControl(new OpenLayers.Control.PanZoomBar());
             map.addControl(new OpenLayers.Control.MouseToolbar());
@@ -42,7 +42,6 @@
             map.addLayers([ol_wms, jpl_wms, dm_wms]);
             if (!map.getCenter()) map.zoomToMaxExtent();
         }
-        // -->
     </script>
   </head>
   <body onload="init()">

examples/custom-control-point.html

@@ -0,0 +1,51 @@
+<html xmlns="http://www.w3.org/1999/xhtml">
+  <head>
+    <style type="text/css">
+        #map {
+            width: 800px;
+            height: 475px;
+            border: 1px solid black;
+        }
+    </style>
+    <script src="../lib/OpenLayers.js"></script>
+    <script type="text/javascript">
+        <!--
+        var lon = 5;
+        var lat = 40;
+        var zoom = 5;
+        var map, layer;
+
+        function init(){
+            map = new OpenLayers.Map( $('map') );
+
+            layer = new OpenLayers.Layer.WMS( "OpenLayers WMS",
+                    "http://labs.metacarta.com/wms/vmap0", {layers: 'basic'} );
+
+            var control = new OpenLayers.Control();
+            OpenLayers.Util.extend(control, {
+                draw: function () {
+                    // this Handler.Point will intercept the shift-mousedown
+                    // before Control.MouseDefault gets to see it
+                    this.point = new OpenLayers.Handler.Point( control,
+                        {"done": this.notice},
+                        {keyMask: OpenLayers.Handler.MOD_SHIFT});
+                    this.point.activate();
+                },
+
+                notice: function (bounds) {
+                    document.getElementById('bounds').innerHTML = bounds;
+                }
+            });
+
+            map.addLayer(layer);
+            map.addControl(control);
+            map.setCenter(new OpenLayers.LonLat(lon, lat), zoom);
+        }
+        // -->
+    </script>
+  </head>
+  <body onload="init()">
+    <div id="map"></div>
+    <div id="bounds"></div>
+  </body>
+</html>

examples/custom-control.html

@@ -16,7 +16,7 @@
         var map, layer;
 
         function init(){
-            map = new OpenLayers.Map( $('map') );
+            map = new OpenLayers.Map('map');
             layer = new OpenLayers.Layer.WMS( "OpenLayers WMS", 
                     "http://labs.metacarta.com/wms/vmap0", {layers: 'basic'} );
             

examples/debug.html

@@ -0,0 +1,64 @@
+<!DOCTYPE html PUBLIC "-//W3C//DTD XHTML 1.0 Strict//EN"
+         "http://www.w3.org/TR/xhtml1/DTD/xhtml1-strict.dtd">
+<html xmlns="http://www.w3.org/1999/xhtml">
+  <head>
+    <script src="../lib/Firebug/firebug.js"></script>
+    <script src="../lib/OpenLayers.js"></script>
+    <script type="text/javascript">
+        <!--
+        function consoleLog() {
+            OpenLayers.Console.log("This is the result of an OpenLayers.Console.log() call");
+        }
+        function consoleWarn() {
+            OpenLayers.Console.warn("This is the result of an OpenLayers.Console.warn() call");
+        }
+        function consoleError() {
+            OpenLayers.Console.error("This is the result of an OpenLayers.Console.error() call");
+        }
+        function consoleDir() {
+            OpenLayers.Console.dir(OpenLayers);
+        }
+        function consoleDirxml() {
+            OpenLayers.Console.dirxml(document.getElementsByTagName('body')[0]);
+        }
+        // -->
+    </script>
+  </head>
+  <body>
+    <h1>OpenLayers Debug Example</h1>
+    <p>To run OpenLayers in debug mode, include the following script
+    tag <b>before</b> the tag that loads OpenLayers:
+    <pre>
+    &lt;script src="../lib/Firebug/firebug.js"&gt;&lt;/script&gt;
+    </pre>
+    The path to firebug.js must be relative to your
+    html file.  With this script included calls to OpenLayers.Console
+    will be displayed in the Firebug console.  For browsers without
+    the Firebug extension, the script creates a Firebug Lite console.
+    This console can be opened by hitting <b>F12</b> or <b>Ctrl+Shift+L</b>
+    (<b>?+Shift+L</b> on a Mac).  If you want the Firebug Lite console
+    to be open when the page loads, add <b>debug="true"</b> to the opening
+    html tag of your page.  Open the console and click on the links below
+    to see console calls.</p>
+    <ul>
+        <li>
+            <a href="javascript: void(consoleLog());">OpenLayers.Console.log()</a>
+        </li>
+        <li>
+            <a href="javascript: void(consoleWarn());">OpenLayers.Console.warn()</a>
+        </li>
+        <li>
+            <a href="javascript: void(consoleError());">OpenLayers.Console.error()</a>
+        </li>
+        <li>
+            <a href="javascript: void(consoleDir());">OpenLayers.Console.dir()</a>
+        </li>
+        <li>
+            <a href="javascript: void(consoleDirxml());">OpenLayers.Console.dirxml()</a>
+        </li>
+    </ul>
+    <p>The Firebug website has a complete list of
+    <a href="http://www.getfirebug.com/console.html">console calls</a>.
+    Note that not all are supported with Firebug Lite.</p>
+  </body>
+</html>

examples/drag-feature.html

@@ -0,0 +1,97 @@
+<html xmlns="http://www.w3.org/1999/xhtml">
+  <head>
+    <title>Drag Feature</title>
+    <style type="text/css">
+        #map {
+            width: 512px;
+            height: 350px;
+            border: 1px solid gray;
+        }
+        #controls {
+            width: 512px;
+        }
+        #controlToggle {
+            padding-left: 1em;
+        }
+        #controlToggle li {
+            list-style: none;
+        }
+    </style>
+    <script src="../lib/OpenLayers.js"></script>
+    <script type="text/javascript">
+        <!--
+        var map, vectors, controls;
+        function init(){
+            map = new OpenLayers.Map('map');
+            var wms = new OpenLayers.Layer.WMS( "OpenLayers WMS", 
+                "http://labs.metacarta.com/wms/vmap0?", {layers: 'basic'}); 
+
+            vectors = new OpenLayers.Layer.Vector("Vector Layer");
+
+            map.addLayers([wms, vectors]);
+            map.addControl(new OpenLayers.Control.LayerSwitcher());
+            map.addControl(new OpenLayers.Control.MousePosition());
+            
+            controls = {
+                point: new OpenLayers.Control.DrawFeature(vectors,
+                            OpenLayers.Handler.Point),
+                line: new OpenLayers.Control.DrawFeature(vectors,
+                            OpenLayers.Handler.Path),
+                polygon: new OpenLayers.Control.DrawFeature(vectors,
+                            OpenLayers.Handler.Polygon),
+                drag: new OpenLayers.Control.DragFeature(vectors)
+            };
+            
+            for(var key in controls) {
+                map.addControl(controls[key]);
+            }
+            
+            map.setCenter(new OpenLayers.LonLat(0, 0), 3);
+            document.getElementById('noneToggle').checked = true;
+        }
+
+        function toggleControl(element) {
+            for(key in controls) {
+                var control = controls[key];
+                if(element.value == key && element.checked) {
+                    control.activate();
+                } else {
+                    control.deactivate();
+                }
+            }
+        }
+        
+        // -->
+    </script>
+  </head>
+  <body onload="init()">
+    <h1>OpenLayers Drag Feature Example</h1>
+    <div id="map"></div>
+    <div id="controls">
+        <ul id="controlToggle">
+            <li>
+                <input type="radio" name="type" value="none" id="noneToggle"
+                       onclick="toggleControl(this);" checked="checked" />
+                <label for="noneToggle">navigate</label>
+            </li>
+            <li>
+                <input type="radio" name="type" value="point" id="pointToggle" onclick="toggleControl(this);" />
+                <label for="pointToggle">draw point</label>
+            </li>
+            <li>
+                <input type="radio" name="type" value="line" id="lineToggle" onclick="toggleControl(this);" />
+                <label for="lineToggle">draw line</label>
+            </li>
+            <li>
+                <input type="radio" name="type" value="polygon" id="polygonToggle" onclick="toggleControl(this);" />
+                <label for="polygonToggle">draw polygon</label>
+            </li>
+            <li>
+                <input type="radio" name="type" value="drag" id="dragToggle"
+                       onclick="toggleControl(this);" />
+                <label for="dragToggle">drag feature</label>
+            </li>
+        </ul>
+    </div>
+  </body>
+</html>

examples/example.html

@@ -9,9 +9,43 @@
     </style>
     <script src="../lib/OpenLayers.js"></script>
     <script type="text/javascript">
+        // making this a global variable so that it is accessible for
+        // debugging/inspecting in Firebug
+        var map = null;
+
         <!--
         function init(){
-            var map = new OpenLayers.Map('map');
+
+            //set title name to include Browser Detection
+            // this is the only way to test the functionality 
+            // of the getBrowserName() function
+            //
+            var header = OpenLayers.Util.getElement("browserHeader");
+            header.innerHTML = "(browser: ";
+            var browserCode = OpenLayers.Util.getBrowserName();
+            switch (browserCode) {
+                case "opera":
+                    browserName = "Opera";
+                    break;
+                case "msie":
+                    browserName = "Internet Explorer";
+                    break;
+                case "safari":
+                    browserName = "Safari";
+                    break;
+                case "firefox":
+                    browserName = "FireFox";
+                    break;
+                case "mozilla":
+                    browserName = "Mozilla";
+                    break;
+                default: 
+                    browserName = "detection error"
+                    break;
+            }                        
+            header.innerHTML += browserName + ")";
+
+            map = new OpenLayers.Map('map');
 
             var options = { 
                             resolutions: [1.40625,0.703125,0.3515625,0.17578125,0.087890625,0.0439453125,0.02197265625,0.010986328125,0.0054931640625,0.00274658203125,0.00137329101]
@@ -45,7 +79,11 @@
     </script>
   </head>
   <body onload="init()">
-    <h1>OpenLayers Example</h1>
+    <table><tr><td>
+        <h1>OpenLayers Example</h1>
+    </td><td>
+        <h3 id="browserHeader"></h3>
+    </td></tr></table>
     <div id="map"></div>
   </body>
 </html>

examples/fullScreen.html

@@ -9,9 +9,9 @@
     </style>
     <script src="../lib/OpenLayers.js"></script>
     <script type="text/javascript">
-        <!--
+        var map;
         function init(){
-            var map = new OpenLayers.Map('map');
+            map = new OpenLayers.Map('map');
 
             var ol_wms = new OpenLayers.Layer.WMS( "OpenLayers WMS", 
                 "http://labs.metacarta.com:80/wms/vmap0?", {layers: 'basic'}); 
@@ -31,7 +31,6 @@
             // map.setCenter(new OpenLayers.LonLat(0, 0), 0);
             map.zoomToMaxExtent();
         }
-        // -->
     </script>
   </head>
   <body onload="init()">

examples/georss-markers.html

@@ -0,0 +1,34 @@
+<html xmlns="http://www.w3.org/1999/xhtml">
+  <head>
+    <style type="text/css">
+        #map {
+            width: 800px;
+            height: 400px;
+            border: 1px solid black;
+        }
+    </style>
+    <script src="../lib/OpenLayers.js"></script>
+    <script type="text/javascript">
+        var map, layer;
+
+        OpenLayers.ProxyHost = "/proxy/?url=";
+        function init(){
+            map = new OpenLayers.Map('map', {maxResolution:'auto'});
+            layer = new OpenLayers.Layer.WMS( "OpenLayers WMS", 
+                "http://labs.metacarta.com/wms/vmap0", {layers: 'basic'} );
+            map.addLayer(layer);
+            map.setCenter(new OpenLayers.LonLat(0, 0), 0);
+            map.addControl(new OpenLayers.Control.LayerSwitcher());
+            var newl = new OpenLayers.Layer.GeoRSS( 'GeoRSS', 'georss.xml');
+            map.addLayer(newl);
+            var yelp = new OpenLayers.Icon("http://openlayers.org/~crschmidt/yelp.png", new OpenLayers.Size(20,29));
+            var newl = new OpenLayers.Layer.GeoRSS( 'Yelp GeoRSS', 'yelp-georss.xml', {'icon':yelp});
+            map.addLayer(newl);
+        }
+    </script>
+  </head>
+  <body onload="init()">
+    <h1>GeoRSS in OpenLayers</h1>
+    <div id="map"></div>
+  </body>
+</html>

examples/georss-serialize.html

@@ -2,22 +2,20 @@
   <head>
     <style type="text/css">
         #map {
-            width: 512px;
+            width: 45%;
             height: 350px;
             border: 1px solid gray;
         }
     </style>
     <script src="../lib/OpenLayers.js"></script>
     <script type="text/javascript">
-        <!--
         var map, drawControl, g;
         function serialize(feature) {
             feature.attributes = {};
             var name = prompt("Title for feature?");
             feature.attributes['title'] = name;
-            s = new XMLSerializer();
             var data = g.write(feature.layer.features);
-            $("gml").value = s.serializeToString(data);
+            OpenLayers.Util.getElement("gml").value = data;
         }
         function init(){
             g = new OpenLayers.Format.GeoRSS();
@@ -36,14 +34,12 @@
             
             map.setCenter(new OpenLayers.LonLat(0, 0), 3);
         }
-
-        // -->
     </script>
   </head>
   <body onload="init()">
     <h1>OpenLayers Draw Point Example</h1>
-    <div style="float:right">
-    <textarea id="gml" cols="80" rows="30"></textarea>
+    <div style="float:right;width:50%">
+    <textarea id="gml" style="width:100%" rows="30"></textarea>
     </div>
     <div id="map"></div>
   </body>

examples/georss.html

@@ -9,7 +9,6 @@
     </style>
     <script src="../lib/OpenLayers.js"></script>
     <script type="text/javascript">
-        <!--
         var map, layer;
 
         OpenLayers.ProxyHost = "/proxy/?url=";
@@ -29,7 +28,6 @@
                 map.addLayer(newl);
             urlObj.value = "";
         }
-        // -->
     </script>
   </head>
   <body onload="init()">
@@ -38,6 +36,7 @@
     <form onsubmit="return false;">
    GeoRSS URL: <input type="text" id="url" size="50" /><input type="submit" onclick="addUrl(); return false;" value="Load Feed" onsubmit="addUrl(); return false;" />
     </form>  
+    <p>The above input box allows the input of a URL to a GeoRSS feed. This feed can be local to the HTML page -- for example, entering 'georss.xml' will work by default, because there is a local file in the directory called georss.xml -- or, with a properly set up ProxyHost variable (as is used here), it will be able to load any HTTP URL which contains GeoRSS and display it. Anything else will simply have no effect.</p>    
     <div id="map"></div>
   </body>
 </html>

examples/getfeatureinfo.html

@@ -37,7 +37,7 @@ ul, li { padding-left: 0px; margin-left: 0px; }
                             WIDTH: wms.map.size.w,
                             HEIGHT: wms.map.size.h});
             OpenLayers.loadURL(url, '', this, setHTML);
-            Event.stop(e);
+            OpenLayers.Event.stop(e);
       });
     function setHTML(response) { 
         OpenLayers.Util.getElement('nodeList').innerHTML = response.responseText;

examples/gml-layer.html

@@ -9,21 +9,19 @@
     </style>
     <script src="../lib/OpenLayers.js"></script>
     <script type="text/javascript">
-        <!--
         var lon = 5;
         var lat = 40;
         var zoom = 5;
         var map, layer;
 
         function init(){
-            map = new OpenLayers.Map( $('map') );
+            map = new OpenLayers.Map('map');
             layer = new OpenLayers.Layer.WMS( "OpenLayers WMS", 
                     "http://labs.metacarta.com/wms/vmap0", {layers: 'basic'} );
             map.addLayer(layer);
             map.zoomToExtent(new OpenLayers.Bounds(-3.922119,44.335327,4.866943,49.553833));
             map.addLayer(new OpenLayers.Layer.GML("GML", "gml/polygon.xml"));
         }
-        // -->
     </script>
   </head>
   <body onload="init()">

examples/gml-serialize.html

@@ -9,15 +9,13 @@
     </style>
     <script src="../lib/OpenLayers.js"></script>
     <script type="text/javascript">
-        <!--
         var map, drawControl, g;
         function serialize(feature) {
             feature.attributes = {};
             var name = prompt("Name for feature?");
             feature.attributes['name'] = name;
-            s = new XMLSerializer();
             var data = g.write(feature.layer.features);
-            $("gml").value = s.serializeToString(data);
+            OpenLayers.Util.getElement("gml").value = data; 
         }
         function init(){
             g = new OpenLayers.Format.GML();
@@ -57,7 +55,6 @@
                 }
             }
         }
-        // -->
     </script>
   </head>
   <body onload="init()">

examples/google.html

@@ -15,7 +15,6 @@
     <!-- <script src='http://maps.google.com/maps?file=api&amp;v=2&amp;key=ABQIAAAAjpkAC9ePGem0lIq5XcMiuhT2yXp_ZAY8_ufC3CFXhHIE1NvwkxTS6gjckBmeABOGXIUiOiZObZESPg'></script>-->
     <script src="../lib/OpenLayers.js"></script>
     <script type="text/javascript">
-        <!--
         var lon = 5;
         var lat = 40;
         var zoom = 17;
@@ -33,16 +32,11 @@
                     "http://labs.metacarta.com/wms/vmap0", {layers: 'basic', 'transparent':true}, 
                       {isBaseLayer: false} );
             layer.setVisibility(false);
-            layer = new OpenLayers.Layer.WMS( "OpenLayers WMS", 
-                    "http://labs.metacarta.com/wms/vmap0", {layers: 'basic', 'transparent':true}, 
-                      {isBaseLayer: false} );
-            layer.setVisibility(false);
-            map.addLayer(layer);
- var twms = new OpenLayers.Layer.WMS( "World Map", 
+         var twms = new OpenLayers.Layer.WMS( "World Map", 
          "http://world.freemap.in/cgi-bin/mapserv?", 
                  {map: '/www/freemap.in/world/map/factbooktrans.map', transparent:'true',
-                         layers: 'factbook', 'format':'png'} );
-                         map.addLayer(twms);
+                         layers: 'factbook', 'format':'png'}, {'reproject': true} );
+            map.addLayer(twms);
             markers = new OpenLayers.Layer.Markers("markers");
             map.addLayer(markers);
 
@@ -69,8 +63,6 @@
         function remove() {
             markers.removeMarker(marker);
         }
-                
-    // -->
 
     </script>
   </head>

examples/gutter.html

@@ -12,7 +12,6 @@
     </style> 
     <script src="../lib/OpenLayers.js"></script> 
     <script type="text/javascript"> 
-        <!-- 
         OpenLayers.IMAGE_RELOAD_ATTEMPTS = 2; 
         var map; 
         window.onload = function() { 
@@ -31,7 +30,6 @@
             map.addControl(new OpenLayers.Control.LayerSwitcher()); 
             map.setCenter(new OpenLayers.LonLat(-71.848, 42.2), 0); 
         } 
-        // --> 
     </script> 
   </head> 
   <body> 

examples/image-layer.html

@@ -12,11 +12,11 @@
     </style>
     <script src="../lib/OpenLayers.js"></script>
     <script type="text/javascript">
-        <!--
+        var map;
         function init(){
-            var map = new OpenLayers.Map('map');
+            map = new OpenLayers.Map('map');
 
-            var options = {maxResolution: 'auto', numZoomLevels: 3};
+            var options = {numZoomLevels: 3};
             
             var graphic = new OpenLayers.Layer.Image(
                                 'City Lights',
@@ -33,7 +33,6 @@
             map.addControl(new OpenLayers.Control.LayerSwitcher());
             map.zoomToMaxExtent();
         }
-        // -->
     </script>
   </head>
   <body onload="init()">

examples/kamap.html

@@ -9,13 +9,9 @@
     </style>
     <script src="../lib/OpenLayers.js"></script>
     <script type="text/javascript">
-        <!--
+        var map;
         function init(){
-            var map = new OpenLayers.Map('map');
-
-            var ol_wms = new OpenLayers.Layer.WMS( "World Map", 
-                "http://labs.metacarta.com/wms/vmap0?",
-                 {layers: 'basic'} );
+            map = new OpenLayers.Map('map');
 
             var jpl_wms = new OpenLayers.Layer.KaMap( "Satellite",
                     "http://www.openlayers.org/world/index.php", {g: "satellite", map: "world"});
@@ -25,11 +21,10 @@
                          "prov_bound,fedlimit,rail,road,popplace",
                  transparent: "true", format: "image/png" });
 
-            map.addLayers([ol_wms, jpl_wms, dm_wms]);
+            map.addLayers([jpl_wms, dm_wms]);
             map.addControl(new OpenLayers.Control.LayerSwitcher());
             map.zoomToMaxExtent();
         }
-        // -->
     </script>
   </head>
   <body onload="init()">

examples/kml-layer-linestring.html

@@ -9,21 +9,19 @@
     </style>
     <script src="../lib/OpenLayers.js"></script>
     <script type="text/javascript">
-        <!--
         var lon = 5;
         var lat = 40;
         var zoom = 5;
         var map, layer;
 
         function init(){
-            map = new OpenLayers.Map( $('map') );
+            map = new OpenLayers.Map('map');
             layer = new OpenLayers.Layer.WMS( "OpenLayers WMS", 
                     "http://labs.metacarta.com/wms/vmap0", {layers: 'basic'} );
             map.addLayer(layer);
             map.addLayer(new OpenLayers.Layer.GML("KML", "kml/lines.kml", {format: OpenLayers.Format.KML}));
             map.zoomToExtent(new OpenLayers.Bounds(-112.292744,36.068477,-112.22408,36.109246));
         }
-        // -->
     </script>
   </head>
   <body onload="init()">

examples/kml-layer.html

@@ -9,21 +9,19 @@
     </style>
     <script src="../lib/OpenLayers.js"></script>
     <script type="text/javascript">
-        <!--
         var lon = 5;
         var lat = 40;
         var zoom = 5;
         var map, layer;
 
         function init(){
-            map = new OpenLayers.Map( $('map') );
+            map = new OpenLayers.Map('map');
             layer = new OpenLayers.Layer.WMS( "OpenLayers WMS", 
                     "http://labs.metacarta.com/wms/vmap0", {layers: 'basic'} );
             map.addLayer(layer);
             map.addLayer(new OpenLayers.Layer.GML("KML", "kml/mc-search.kml", {format: OpenLayers.Format.KML}));
             map.zoomToMaxExtent();
         }
-        // -->
     </script>
   </head>
   <body onload="init()">

examples/kml/mc-search.kml

@@ -1,332 +0,0 @@
-<?xml version="1.0" encoding="iso-8859-1"?>
-<kml xmlns="http://earth.google.com/kml/2.0">
-<Document>
-  <!--MetaCarta GTS v3.7.0, KML Search API v1.0.0-->
-  <name><![CDATA[MetaCarta: ]]></name>
-  <description><![CDATA[Labeling <b>28</b> locations.   Of 27,281,538 total documents, <b>~26,900,000</b> documents match <i>&lt;no keywords&gt;</i> in this region.]]></description>
-  <visibility>1</visibility>
-<LookAt>
- <longitude>-82.575000</longitude>
- <latitude>27.498610</latitude>
- <range>6000000.0</range>
- <tilt>0.0</tilt>
- <heading>0.0</heading>
-</LookAt>
-  <Style id="rel1.0">
-   <IconStyle>
-    <Icon>
-     <href>http://developers.metacarta.com/img/symbols/mc1.0.png</href>
-    </Icon>
-   </IconStyle>
-  </Style>
-  <Style id="rel0.9">
-   <IconStyle>
-    <Icon>
-     <href>http://developers.metacarta.com/img/symbols/mc0.9.png</href>
-    </Icon>
-   </IconStyle>
-  </Style>
-  <Style id="rel0.8">
-   <IconStyle>
-    <Icon>
-     <href>http://developers.metacarta.com/img/symbols/mc0.8.png</href>
-    </Icon>
-   </IconStyle>
-  </Style>
-  <Style id="rel0.7">
-   <IconStyle>
-    <Icon>
-     <href>http://developers.metacarta.com/img/symbols/mc0.7.png</href>
-    </Icon>
-   </IconStyle>
-  </Style>
-  <Style id="rel0.6">
-   <IconStyle>
-    <Icon>
-     <href>http://developers.metacarta.com/img/symbols/mc0.6.png</href>
-    </Icon>
-   </IconStyle>
-  </Style>
-  <Style id="rel0.5">
-   <IconStyle>
-    <Icon>
-     <href>http://developers.metacarta.com/img/symbols/mc0.5.png</href>
-    </Icon>
-   </IconStyle>
-  </Style>
-  <Style id="rel0.4">
-   <IconStyle>
-    <Icon>
-     <href>http://developers.metacarta.com/img/symbols/mc0.4.png</href>
-    </Icon>
-   </IconStyle>
-  </Style>
-  <Style id="rel0.3">
-   <IconStyle>
-    <Icon>
-     <href>http://developers.metacarta.com/img/symbols/mc0.3.png</href>
-    </Icon>
-   </IconStyle>
-  </Style>
-  <Style id="rel0.2">
-   <IconStyle>
-    <Icon>
-     <href>http://developers.metacarta.com/img/symbols/mc0.2.png</href>
-    </Icon>
-   </IconStyle>
-  </Style>
-  <Style id="rel0.1">
-   <IconStyle>
-    <Icon>
-     <href>http://developers.metacarta.com/img/symbols/mc0.1.png</href>
-    </Icon>
-   </IconStyle>
-  </Style>
-  <Style id="rel0.0">
-   <IconStyle>
-    <Icon>
-     <href>http://developers.metacarta.com/img/symbols/mc0.0.png</href>
-    </Icon>
-   </IconStyle>
-  </Style>
-
-<Placemark>
-<!-- OGM5MmVhYTI3MTRkNzY2NDQ5YzgzMjBkYzQ3M2Q1YzYsaWJlcnVzLm1ldGFjYXJ0YS5jb206MTYwNzBfMTE2MzYyMjk0MV8xMTcyNjg1ODk5XzAwOjE4OjhiOjM4OjM2OjQ3LDE2NjI2ODQ=, 0.959452 -->    
-<name><![CDATA[Bradenton]]></name>
-<description><![CDATA[<a href="http://www.fhp.state.fl.us/html/TroopF/Bradenton.html">FHP: Troop F Bradenton District</a><br>FHP: Troop F <font color="red">Bradenton</font> District Bradento<br>FHP: Troop F Bradenton District Bradenton District The Bradenton District is located at Troop F Headquarters and includes all of Manatee County. The Bradenton District ...<br><br>]]></description>
-<styleUrl>#rel1.0</styleUrl>
-<Point>
- <coordinates>-82.575000, 27.498610</coordinates>
-</Point>
-</Placemark><Placemark>
-<!-- N2M0OTk4NzMxMWFjOGQ1MzgwY2NmNzBlOWIzODg3OGYsdW1icm86MTYxMzlfMTE2OTg0MDM4MV8xMTY5ODQ1MDQ5XzAwOjE4OjhiOjNhOjcwOmZkLDE4NTQzNw==, 0.959452 -->    
-<name><![CDATA[Pezinok]]></name>
-<description><![CDATA[<a href="http://en.wikipedia.org/wiki/Pezinok"> Pezinok</a><br><font color="red">Pezinok</font> Coor titl<br>Pezinok Coor title dm4616N1716Etype:cityregion:SK Infobox Slovak town image_coat_of_arms subject_name Pezinok slovak_region Bratislava Region slovak_district ...<br><br>]]></description>
-<styleUrl>#rel1.0</styleUrl>
-<Point>
- <coordinates>17.266666, 48.283333</coordinates>
-</Point>
-</Placemark><Placemark>
-<!-- MzE1OWQ0MTUwNTUzOGQxODBiNGYwZjU3MThmYzMwY2IsanVsaWEubWV0YWNhcnRhLmNvbToxNjAzNl8xMTYzNjM0MjI4XzExNjU5Nzk3MTVfMDA6MTg6OGI6MzU6MDA6ZGMsNzQ3MzQ2, 0.959452 -->    
-<name><![CDATA[Purcellville]]></name>
-<description><![CDATA[<a href="http://www.loudoun.gov:80/compplan/purcellville.htm">Purcellville Urban Growth Area Management Plan</a><br><font color="red">Purcellville</font> Urban Growth Are<br>Purcellville Urban Growth Area Management Plan Skip Navigation Purcellville Urban Growth Area Management Plan Welcome to the Purcellville Urban Growth Area Management ...<br><br>]]></description>
-<styleUrl>#rel1.0</styleUrl>
-<Point>
- <coordinates>-77.715000, 39.136670</coordinates>
-</Point>
-</Placemark><Placemark>
-<!-- N2UxY2EwYzY0YzBhMTAzNTg1NWFkY2YzZWU2NjdhZWIsa3VwYS5tZXRhY2FydGEuY29tOjE2MDAxXzExNjM2NjM1MjRfMTE2NzM0NjY3NF8wMDoxODo4YjozODozNjo3OSw5MzY1NDI=, 0.958984 -->    
-<name><![CDATA[Calaveras County]]></name>
-<description><![CDATA[<a href="http://www.co.calaveras.ca.us:80/departments/pub_health/PHD_WNV.html">Calaveras County Public Health</a><br><font color="red">Calaveras County</font> Public Healt<br>Calaveras County Public Health County of Calaveras Public Health Department West Nile Virus (WNV) WNV is a disease that is spread to ...<br><br>]]></description>
-<styleUrl>#rel1.0</styleUrl>
-<Point>
- <coordinates>-120.583330, 38.166670</coordinates>
-</Point>
-</Placemark><Placemark>
-<!-- ZWFhZDJkYTk0MmNlMWU4Yzc1OWViODIyYzU5ZGE4ZDcsdW1icm86MTYxNDFfMTE2OTg0ODM4M18xMTY5ODUxMDgxXzAwOjE4OjhiOjNhOjcwOmZkLDUxNTIw, 0.958964 -->    
-<name><![CDATA[Kolkata]]></name>
-<description><![CDATA[<a href="http://en.wikipedia.org/wiki/Kolkata_Film_Festival"> Kolkata Film Festival</a><br><font color="red">Kolkata</font> Film Festiva<br>Kolkata Film Festival '''Kolkata Film Festival''' is an annual international film festival held in Kolkata in the Indian state of West Bengal ...<br><br>]]></description>
-<styleUrl>#rel1.0</styleUrl>
-<Point>
- <coordinates>88.369722, 22.569722</coordinates>
-</Point>
-</Placemark><Placemark>
-<!-- ZDhiYjJhNTZlNmM1ZGU4YjAzOWZiNTc5NzAxM2RlNWYsaWJlcnVzLm1ldGFjYXJ0YS5jb206MTYwNzJfMTE2MzY4NTU2MV8xMTcyNjg1OTAyXzAwOjE4OjhiOjM4OjM2OjQ3LDk2NTMxOA==, 0.958964
-ZDEwNjIwYTdjMjc2MmM4MDQ3NWNjYTY0ZWVjZDI4MjAsaWJlcnVzLm1ldGFjYXJ0YS5jb206MTYwNzBfMTE2MzYyMjk0MV8xMTcyNjg1ODk5XzAwOjE4OjhiOjM4OjM2OjQ3LDMwNTU0OQ==, 0.958475
-YmVjMjRjZTYxZDJhYjMyYTE3MjY0YzNkNTg4ODMyYzIsa3VwYS5tZXRhY2FydGEuY29tOjE2MDAwXzExNjM2MzI4MDhfMTE2NzM0NjY3Ml8wMDoxODo4YjozODozNjo3OSw4ODg2Mw==, 0.958475 -->    
-<name><![CDATA[South Yorkshire]]></name>
-<description><![CDATA[<a href="http://www.southyorkshire.nhs.uk:80/strategy/index.htm">South Yorkshire Strategic Health Authority - Events - Deliver...</a><br><font color="red">South Yorkshire</font> Strategic Healt<br>South Yorkshire Strategic Health Authority - Events - Delivering Excellence event 12th June 2003 Welcome What's new Local services Performance --&gt; Strategy Service redesign ...<br><br><a href="http://www.southyorkshire.nhs.uk:80/">South Yorkshire Strategic Health Authority - Welcome</a><br><font color="red">South Yorkshire</font> Strategic Healt<br>South Yorkshire Strategic Health Authority - Welcome --&gt; Welcome What's new Local services Performance --&gt; Strategy Service redesign Franchise plan Local delivery plan Structure ...<br><br><a href="http://www.southyorkshire.nhs.uk:80/index.html">South Yorkshire Strategic Health Authority - Welcome</a><br><font color="red">South Yorkshire</font> Strategic Healt<br>South Yorkshire Strategic Health Authority - Welcome --&gt; Welcome What's new Local services Performance --&gt; Strategy Service redesign Franchise plan Local delivery plan Structure ...<br><br>]]></description>
-<styleUrl>#rel1.0</styleUrl>
-<Point>
- <coordinates>-1.250000, 53.450000</coordinates>
-</Point>
-</Placemark><Placemark>
-<!-- MWE4NWQ2N2U4ZmI3MDk5MjNiNmJlYzE4NzMxOTdhOTIsanVsaWEubWV0YWNhcnRhLmNvbToxNjUyNF8xMTY5ODQzMzQ1XzExNjk4NDg2OTRfMDA6MTg6OGI6MzU6MDA6ZGMsNTI1OTcx, 0.958964
-ZDZjY2I2Mjk2OTNmMmVjMGJhMzY1NTIyMGEzZGZjYTQsanVsaWEubWV0YWNhcnRhLmNvbToxNjUwMl8xMTY5ODMwMDU5XzExNjk4MzU0MThfMDA6MTg6OGI6MzU6MDA6ZGMsMjMwNjQw, 0.958475 -->    
-<name><![CDATA[Gaithersburg]]></name>
-<description><![CDATA[<a href="http://alert.gaithersburgmd.gov/faq.php">Frequently Asked Questions</a><br>What is Alert <font color="red">Gaithersburg</font>? What is an Aler<br>... email address password Lost password? Gaithersburg Home Alert Home New User Learn More FAQ Support Frequently Asked Questions What is Alert Gaithersburg? What is an Alert Gaithersburg account? How does Alert Gaithersburg work? Will my cell phone work? What is text messaging and ...<br><br><a href="http://alert.gaithersburgmd.gov/index.php?CCheck=1">Alert Gaithersburg</a><br>Alert <font color="red">Gaithersburg</font> USER LOGIN emai<br>Alert Gaithersburg USER LOGIN email address password Lost password? Gaithersburg Home Alert Home New User Learn More FAQ Support This application requires Javascript ...<br><br>]]></description>
-<styleUrl>#rel1.0</styleUrl>
-<Point>
- <coordinates>-77.201670, 39.143330</coordinates>
-</Point>
-</Placemark><Placemark>
-<!-- ZjQ4MDJjN2FiNzMxNjk3NzNkN2ZhNDQzZDk5OTkxYTgsaWJlcnVzLm1ldGFjYXJ0YS5jb206MTYwNzJfMTE2MzY4NTU2MV8xMTcyNjg1OTAyXzAwOjE4OjhiOjM4OjM2OjQ3LDU4OTU1Mw==, 0.958964 -->    
-<name><![CDATA[Pocatello]]></name>
-<description><![CDATA[<a href="http://www.idahoparks.org/about/permits/bannock_ski.html">Bannock</a><br>Cycle 404 S Arthur <font color="red">Pocatello</font> 232.3711 City o<br>Bannock Bannock County Gateway Cycle 404 S Arthur Pocatello 232.3711 City of Pocatello 902 Sherman St Pocatello 234.6237 ISU Outdoor Program Student Union Bldg Pocatello 236.3912 The ...<br><br>]]></description>
-<styleUrl>#rel1.0</styleUrl>
-<Point>
- <coordinates>-112.444720, 42.871390</coordinates>
-</Point>
-</Placemark><Placemark>
-<!-- MjY4NTdkZmI2NWU3YjFiNGY3MzExZTY5N2FlYTVhMGYsaWJlcnVzLm1ldGFjYXJ0YS5jb206MTYwNzNfMTE2MzY5OTA3OF8xMTcyNjg1OTAyXzAwOjE4OjhiOjM4OjM2OjQ3LDMwNjE2, 0.958964 -->    
-<name><![CDATA[le Cambodge]]></name>
-<description><![CDATA[<a href="http://www.who.int/www.who.int/mediacentre/news/releases/2004/pr46/fr/index.html">OMS | Avec 75 % des enfants protA<74>gA<67>s contre les parasites, ...</a><br>les parasites, <font color="red">le Cambodge</font> est le premier pay<br>OMS | Avec 75 % des enfants protA<74>gA<67>s contre les parasites, le Cambodge est le premier pays A<> atteindre l'objectif Ensemble de l'OMS Ce site seulement Page d'accueil OMS Pays ...<br><br>]]></description>
-<styleUrl>#rel1.0</styleUrl>
-<Point>
- <coordinates>105.000000, 13.000000</coordinates>
-</Point>
-</Placemark><Placemark>
-<!-- N2Y2NTdhYmM5MzExOTgwZDc1ODFiZTk2MDMyZmMxN2UsanVsaWEubWV0YWNhcnRhLmNvbToxNjQ5MV8xMTY5ODIzMzkxXzExNjk4MjkyMDJfMDA6MTg6OGI6MzU6MDA6ZGMsNDIyNTIw, 0.958964 -->    
-<name><![CDATA[firenze]]></name>
-<description><![CDATA[<a href="http://groups.google.it:80/group/italia.firenze.discussioni/browse_thread/thread/39c8b8700af2691b/b53d680269651f65#b53d680269651f65">Google Gruppi : italia.firenze.discussioni</a><br>Gruppi : italia.<font color="red">firenze</font>.discussioni Hom<br>Google Gruppi : italia.firenze.discussioni Home page di Gruppi | Guida | Entra Web Immagini Gruppi Directory News altro <20> Ricerca avanzata nei Gruppi Preferenze Membri: Entra ...<br><br>]]></description>
-<styleUrl>#rel1.0</styleUrl>
-<Point>
- <coordinates>11.250000, 43.766666</coordinates>
-</Point>
-</Placemark><Placemark>
-<!-- YTU5NzdlYmNkNmUzYWM4MTQzODY4MjFiMmQ5OWQzMzIsanVsaWEubWV0YWNhcnRhLmNvbToxNjUxM18xMTY5ODM2NjAxXzExNjk4NDIzNzZfMDA6MTg6OGI6MzU6MDA6ZGMsNDU2NjYz, 0.958475
-ZDNlZTdjNTM1OTRhOTk5MDUyMjAzNzIwMGMxNGQ3NWMsa3VwYS5tZXRhY2FydGEuY29tOjE2MDE1XzExNjQ1MTMzODRfMTE2NzM0NjY3NV8wMDoxODo4YjozODozNjo3OSwyOTgyOTU=, 0.958964
-MDVhNjNkMGUxMzZlODMwNGRjNTViZGJhOTdiYWRmZjksanVsaWEubWV0YWNhcnRhLmNvbToxNjAzNl8xMTYzNjM0MjI4XzExNjU5Nzk3MTVfMDA6MTg6OGI6MzU6MDA6ZGMsMzk5MzY3, 0.958475
-OWEwOTE2NWYyZGM1ZDkwNTI3MWE0YzBhNjI3MTdlODUsa3VwYS5tZXRhY2FydGEuY29tOjE2MDAxXzExNjM2NjM1MjRfMTE2NzM0NjY3NF8wMDoxODo4YjozODozNjo3OSw1MTY4MjU=, 0.958475
-MDEwNmJhOTFlMGFhM2Q0OTUxYmUxNTRlZTU4MjViYjEsa3VwYS5tZXRhY2FydGEuY29tOjE2MDAxXzExNjM2NjM1MjRfMTE2NzM0NjY3NF8wMDoxODo4YjozODozNjo3OSw1MjI4MTk=, 0.958475
-Zjk1MzY0ZmQ0OTc5ODgwOTQ1MWVjYzM3ZTEzYjFhYTEsa3VwYS5tZXRhY2FydGEuY29tOjE2MDAxXzExNjM2NjM1MjRfMTE2NzM0NjY3NF8wMDoxODo4YjozODozNjo3OSw0Njc3OTE=, 0.958475
-YjZmZWIzZTc5MGI5N2MwM2MyYTE5ZWM1NDk1MTdmZDUsanVsaWEubWV0YWNhcnRhLmNvbToxNjUwMl8xMTY5ODMwMDU5XzExNjk4MzU0MThfMDA6MTg6OGI6MzU6MDA6ZGMsMTkxMDcx, 0.958964 -->    
-<name><![CDATA[Fairfax County]]></name>
-<description><![CDATA[<a href="http://www.fairfaxcounty.gov:80/demogrph/emplbut.htm">Employment Statistics & Information - Fairfax County, Virginia</a><br>Information - <font color="red">Fairfax County</font>, Virginia Busines<br>Employment Statistics & Information - Fairfax County, Virginia Business & Nonresidential Gross Floor Area Census Information & Other Government Agencies Economic Information Employment Information General Overview Glossary Housing Immigration ...<br><br><a href="http://www.fairfaxcounty.gov:80/contact/search.asp">Search Fairfax County Contacts - Fairfax County, Virginia</a><br>Search <font color="red">Fairfax County</font> Contacts - Fairfa<br>Search Fairfax County Contacts - Fairfax County, Virginia Search Fairfax County Contacts you are here : homepage &gt; fairfax county contacts To search for an agency ...<br><br><a href="http://www.fairfaxcounty.gov:80/demogrph/othrbut.htm">Other Information - Fairfax County, Virginia</a><br>Information - <font color="red">Fairfax County</font>, Virginia Averag<br>Other Information - Fairfax County, Virginia Average Household Size Health Insurance Age Distribution Persons Speaking Languages Other than English Prior Place of Residence Educational Attainment ...<br><br><a href="http://www.fairfaxcounty.gov:80/demogrph/housebut.htm">Housing Information - Fairfax County, Virginia</a><br>Information - <font color="red">Fairfax County</font>, Virginia Busines<br>Housing Information - Fairfax County, Virginia Business & Nonresidential Gross Floor Area Census Information & Other Government Agencies Economic Information Employment Information General Overview Glossary Housing Immigration ...<br><br><a href="http://www.fairfaxcounty.gov:80/demogrph/popbut.htm">Population Information - Fairfax County, Virginia</a><br>Information - <font color="red">Fairfax County</font>, Virginia Busines<br>Population Information - Fairfax County, Virginia Business & Nonresidential Gross Floor Area Census Information & Other Government Agencies Economic Information Employment Information General Overview Glossary Housing Immigration ...<br><br><a href="http://www.fairfaxcounty.gov:80/business/services/">Business Services and Resources - Doing Business - Fairfax Co...</a><br>Doing Business - <font color="red">Fairfax County</font>, Virginia Busines<br>Business Services and Resources - Doing Business - Fairfax County, Virginia Business Services & Resources you are here : homepage &gt; doing business &gt; business services and resources Fairfax County has a diverse and ...<br><br><a href="http://www.fairfaxcounty.gov/contact/search.asp">Search Fairfax County Contacts - Fairfax County, Virginia</a><br>Search <font color="red">Fairfax County</font> Contacts - Fairfa<br>Search Fairfax County Contacts - Fairfax County, Virginia Search Fairfax County Contacts you are here : homepage &gt; fairfax county contacts To search for an agency ...<br><br>]]></description>
-<styleUrl>#rel1.0</styleUrl>
-<Point>
- <coordinates>-77.350000, 38.850000</coordinates>
-</Point>
-</Placemark><Placemark>
-<!-- Mjg2NGM5N2YzNmYyNGFlZmQ0ZjE5N2Y4ZDBmNzFkMzIscGxhdmlzLm1ldGFjYXJ0YS5jb206MTY2NzNfMTE3MzU3NTg2MF8xMTczNTc4MTgwXzAwOjE4OjhiOjNhOjNkOjQwLDIyODM5NA==, 0.958964 -->    
-<name><![CDATA[Nassau Bahamas]]></name>
-<description><![CDATA[<a href="http://topix.net/r/05j525XYQmo8VlBBUPUWa9G9bOa4kVTdx1LNqTqvWxejdQKhnOECcVfVuSMlxL3OXjYCfywPCSSyfl9UdTX6h1yipv285=2Fc6S3ylpt=2BXwfI1uhZS8L=2BM4gKSAUReNk868Hwh3guBbo1qfQ0=2B3LQrtt7d7LDiFk3qO1TN1RWjhlpU=3D">Nassau Bahamas Vacation <20> Crawfish Production Declines In The...</a><br><font color="red">Nassau Bahamas</font> Vacation <20> Crawfis<br>Nassau Bahamas Vacation <20> Crawfish Production Declines In The Bahamas Nassau Bahamas Vacation Crawfish Production Declines In The Bahamas June 15, 2006 ...<br><br>]]></description>
-<styleUrl>#rel1.0</styleUrl>
-<Point>
- <coordinates>-77.350000, 25.083333</coordinates>
-</Point>
-</Placemark><Placemark>
-<!-- OWNkOGUyZGEyNGJiODcxYWVmODUwMWE0MzcwY2MxMzksZWxiZS5tZXRhY2FydGEuY29tOjE2MDYzXzExNzI3ODU1NDNfMTE3Mjc5MzIyOF8wMDoxODo4YjozNzpmZDo1YSwxMzI1ODU=, 0.958964 -->    
-<name><![CDATA[Front Royal]]></name>
-<description><![CDATA[<a href="https://yosemite.epa.gov/opei/ptrack.nsf/vRenewalViewPrintView/B72E7B83510A37AC8525718E0051F7C3">Membership Renewal Print/View</a><br>Application DuPont <font color="red">Front Royal</font> E.I. Du Pont d<br>Membership Renewal Print/View OMB No. 2010-0032 Expiration Date 08/30/06 Performance Track Membership Renewal Application DuPont Front Royal E.I. Du Pont de Nemours and Company, Inc. Member since 2002 A030029 Facility Contact &nbsp&nbsp Name: Mr. James ...<br><br>]]></description>
-<styleUrl>#rel1.0</styleUrl>
-<Point>
- <coordinates>-78.194720, 38.918060</coordinates>
-</Point>
-</Placemark><Placemark>
-<!-- NTNjNzZkNWY4NzNmY2JlNTY2ZGRjNTRiYjU3N2IwNDEsanVsaWEubWV0YWNhcnRhLmNvbToxNjAzNl8xMTYzNjM0MjI4XzExNjU5Nzk3MTVfMDA6MTg6OGI6MzU6MDA6ZGMsMTU5MDI1, 0.957987
-N2FjZGY0YzM2ZTU4NzE1Y2Q2MGVmNmQ0ZjZkYjI3MjUsanVsaWEubWV0YWNhcnRhLmNvbToxNjAzNl8xMTYzNjM0MjI4XzExNjU5Nzk3MTVfMDA6MTg6OGI6MzU6MDA6ZGMsMzM2MTAz, 0.958475 -->    
-<name><![CDATA[WESTCHESTER COUNTY]]></name>
-<description><![CDATA[<a href="http://schumer.senate.gov:80/SchumerWebsite/pressroom/press_releases/PR01140.html">SCHUMER, CLINTON SECURE $1.5 MILLION FOR NEW BUSES IN WESTCHE...</a><br>FOR NEW BUSES IN <font color="red">WESTCHESTER COUNTY</font> TOPICS Latest New<br>SCHUMER, CLINTON SECURE $1.5 MILLION FOR NEW BUSES IN WESTCHESTER COUNTY TOPICS Latest News Press Release Archive Special Reports Photo Downloads Schumer Around NY About Chuck | Senate Floor | Press Room | Services ...<br><br><a href="http://schumer.senate.gov:80/SchumerWebsite/pressroom/press_releases/PR01996.html">SCHUMER, CLINTON SECURE $3 MILLION FOR NEW BUSES IN WESTCHEST...</a><br>FOR NEW BUSES IN <font color="red">WESTCHESTER COUNTY</font> TOPICS Latest New<br>SCHUMER, CLINTON SECURE $3 MILLION FOR NEW BUSES IN WESTCHESTER COUNTY TOPICS Latest News Press Release Archive Special Reports Photo Downloads Schumer Around NY About Chuck | Senate Floor | Press Room | Services ...<br><br>]]></description>
-<styleUrl>#rel1.0</styleUrl>
-<Point>
- <coordinates>-73.800000, 41.116670</coordinates>
-</Point>
-</Placemark><Placemark>
-<!-- ZWQwMTUwYjI4N2ZlZTg4MmI4N2EyZTU5YjU1ZjlkMjMsa3VwYS5tZXRhY2FydGEuY29tOjE2OTI0XzExNzM1NzA1NzBfMTE3MzU3NTk0Nl8wMDoxODo4YjozODozNjo3OSwyODYzOTE=, 0.958475
-YzBlZGZhY2IxOGNkNmEyNzI3OWEwZTNkNjRhM2Q4MGYsanVsaWEubWV0YWNhcnRhLmNvbToxNjUwMl8xMTY5ODMwMDU5XzExNjk4MzU0MThfMDA6MTg6OGI6MzU6MDA6ZGMsNTQzMDk4, 0.957987 -->    
-<name><![CDATA[Oswego County]]></name>
-<description><![CDATA[<a href="http://www.valleynewsonline.com:80/news/2004/0117/Oswego_News/">Restaurant makes donation to Friends of Oswego County Hospice</a><br>to Friends of <font color="red">Oswego County</font> Hospice Fulton, N<br>Restaurant makes donation to Friends of Oswego County Hospice Fulton, NY Front Page Viewpoints Hannibal News Phoenix News Oswego News Local News & Photos Obituaries Entertainment and Arts Church ...<br><br><a href="http://www.valleynewsonline.com:80/news/2004/0925/Local_News-Photos/030.html">Fund-raiser held for Oswego County Hospice</a><br>raiser held for <font color="red">Oswego County</font> Hospice Fulton, N<br>Fund-raiser held for Oswego County Hospice Fulton, NY Front Page Viewpoints Hannibal News Phoenix News Oswego News Local News & Photos Obituaries Entertainment and Arts Church ...<br><br>]]></description>
-<styleUrl>#rel1.0</styleUrl>
-<Point>
- <coordinates>-76.150000, 43.450000</coordinates>
-</Point>
-</Placemark><Placemark>
-<!-- NjE2OTE2N2U3ZDlmZGFkMTkzYWYzNjViZjQ2OGNlODcsa3VwYS5tZXRhY2FydGEuY29tOjE2NDI5XzExNjk4NzA4OTNfMTE2OTg3NjQyNl8wMDoxODo4YjozODozNjo3OSw1NzEzMzk=, 0.958475 -->    
-<name><![CDATA[Hood River Memorial Hospital]]></name>
-<description><![CDATA[<a href="http://www.providence.org:80/hoodriver/foundation/default.htm">Providence Hood River Memorial Hospital Foundation</a><br>Providence <font color="red">Hood River Memorial Hospital</font> Foundatio<br>Providence Hood River Memorial Hospital Foundation Healthwise Medical Reference Library --&gt; Home | Services | Physicians & Clinics | Education | Patient Information | News & Events | Foundation | Employment Site Search ...<br><br>]]></description>
-<styleUrl>#rel1.0</styleUrl>
-<Point>
- <coordinates>-121.523610, 45.704720</coordinates>
-</Point>
-</Placemark><Placemark>
-<!-- YTQwNjQwNzM4YTEzMzFiN2Q5YzExZTlkMWMxMGZmZTgsaWJlcnVzLm1ldGFjYXJ0YS5jb206MTYwNzRfMTE2MzcxNDQ4OF8xMTcyNjg1OTAzXzAwOjE4OjhiOjM4OjM2OjQ3LDY2ODQzNA==, 0.958475 -->    
-<name><![CDATA[Leavenworth County]]></name>
-<description><![CDATA[<a href="http://leavenworthcounty.redcross.org/PR17jan01.htm">ARC-Leavworth County: Press Release January 17, 2001</a><br>January 17, 2001 <font color="red">Leavenworth County</font> Chapter Return t<br>ARC-Leavworth County: Press Release January 17, 2001 Press Release January 17, 2001 Leavenworth County Chapter Return to Media Page APPLICATIONS FOR NEW GAS ASSISTANCE PROGRAM NOW AVAILABLE THROUGH THE AMERICAN RED CROSS LEAVENWORTH - The ...<br><br>]]></description>
-<styleUrl>#rel1.0</styleUrl>
-<Point>
- <coordinates>-95.033330, 39.233330</coordinates>
-</Point>
-</Placemark><Placemark>
-<!-- YzhhNTNkZDlmMzFhMDA2NGM4NzExNTNiMTIyYzg2MTUsdW1icm86MTY0ODlfMTE3MTk5Nzc3OV8xMTcyMDAwOTQwXzAwOjE4OjhiOjNhOjcwOmZkLDYwNTU4, 0.958475 -->    
-<name><![CDATA[Blancheville]]></name>
-<description><![CDATA[<a href="http://en.wikipedia.org/wiki/Andelot-Blancheville"> Andelot-Blancheville</a><br>Andelot-<font color="red">Blancheville</font> French commun<br>Andelot-Blancheville French commune nomcommuneAndelot-Blancheville rA<72>gionChampagne-Ardenne dA<64>partementHaute-Marne arrondissementChaumont cantonCanton of Andelot-BlanchevilleAndelot-Blancheville insee52008 cp52700 maire mandat intercomm longitude05A<35> 17 ...<br><br>]]></description>
-<styleUrl>#rel1.0</styleUrl>
-<Point>
- <coordinates>5.266666, 48.216666</coordinates>
-</Point>
-</Placemark><Placemark>
-<!-- YTBlMTIwMTVhYTUyNTlkYTM5MDI3ZGQ2NDk2N2QzYzYsa3VwYS5tZXRhY2FydGEuY29tOjE2NDI5XzExNjk4NzA4OTNfMTE2OTg3NjQyNl8wMDoxODo4YjozODozNjo3OSwzMzUwMjM=, 0.958475 -->    
-<name><![CDATA[Platte City]]></name>
-<description><![CDATA[<a href="http://www.plattecountylandmark.com:80/Article371.htm">The Landmark Newspaper - Platte County (Platte City wants str...</a><br>Platte County (<font color="red">Platte City</font> wants stree<br>The Landmark Newspaper - Platte County (Platte City wants street sweeping grant) Covering Platte County, Missouri Weekly Since 1865 Local News Between the Lines by Ivan Foley Off ...<br><br>]]></description>
-<styleUrl>#rel1.0</styleUrl>
-<Point>
- <coordinates>-94.782220, 39.370280</coordinates>
-</Point>
-</Placemark><Placemark>
-<!-- NzY0NTY1YzZjNzE5MTViYjU1NmNmMTJjYjc5NDdjMGEsanVsaWEubWV0YWNhcnRhLmNvbToxNjUxM18xMTY5ODM2NjAxXzExNjk4NDIzNzZfMDA6MTg6OGI6MzU6MDA6ZGMsNjA0NTE2, 0.958475 -->    
-<name><![CDATA[Macomb County]]></name>
-<description><![CDATA[<a href="http://macombdaily.com:80/stories/080404/loc_antosk001.shtml">Macomb Daily : Sports : Retiring juvenile court worker an 'in...</a><br>an 'institution in <font color="red">Macomb County</font>' 08/04/04 SUBSCRIB<br>Macomb Daily : Sports : Retiring juvenile court worker an 'institution in Macomb County' 08/04/04 SUBSCRIBE TO SITE MENU: Select... HOME Local News State/Nation/World Sports Obituaries Election Center Newspaper In ...<br><br>]]></description>
-<styleUrl>#rel1.0</styleUrl>
-<Point>
- <coordinates>-82.950000, 42.700000</coordinates>
-</Point>
-</Placemark><Placemark>
-<!-- NzUxNjI3MGNjZjg4OTEzMGEwMDU4YzQ2ZTQ5ZjM3MjAsdW1icm86MTY0ODlfMTE3MTk5Nzc3OV8xMTcyMDAwOTQwXzAwOjE4OjhiOjNhOjcwOmZkLDE0NDIxMA==, 0.958475 -->    
-<name><![CDATA[Voronezh]]></name>
-<description><![CDATA[<a href="http://en.wikipedia.org/wiki/FC_Fakel_Voronezh"> FC Fakel Voronezh</a><br>FC Fakel <font color="red">Voronezh</font> Football clu<br>FC Fakel Voronezh Football club infobox clubname Fakel image Club logo fullname Football Club Fakel Voronezh nickname founded 1947 ground Tsentralnyi Profsoyuz StadionTsentralnyi Profsoyuz ...<br><br>]]></description>
-<styleUrl>#rel1.0</styleUrl>
-<Point>
- <coordinates>39.170000, 51.666388</coordinates>
-</Point>
-</Placemark><Placemark>
-<!-- YzkxOWI2MmRkZjYzNGFmMzY5MmNkYmJmMzUwMDkwZjEsanVsaWEubWV0YWNhcnRhLmNvbToxNjUwMl8xMTY5ODMwMDU5XzExNjk4MzU0MThfMDA6MTg6OGI6MzU6MDA6ZGMsMTYyNjk1, 0.958475 -->    
-<name><![CDATA[Loudoun County]]></name>
-<description><![CDATA[<a href="http://www.loudoun.gov/main/new.htm">What's New in Loudoun County</a><br>What's New in <font color="red">Loudoun County</font> Skip Navigatio<br>What's New in Loudoun County Skip Navigation What's New News Releases Loudoun County in the News New on the Loudoun County Website Job Announcements ...<br><br>]]></description>
-<styleUrl>#rel1.0</styleUrl>
-<Point>
- <coordinates>-77.650000, 39.083330</coordinates>
-</Point>
-</Placemark><Placemark>
-<!-- Yjc1NjQ5MjgwNTIzMTJhNjYxM2U3ZGJiYmZkNjQ4ZmEsaWJlcnVzLm1ldGFjYXJ0YS5jb206MTYwNzBfMTE2MzYyMjk0MV8xMTcyNjg1ODk5XzAwOjE4OjhiOjM4OjM2OjQ3LDEyMjI2NTI=, 0.958027
-ZDYyZDRlMTRjYTU5ZmM0YjlhMDg4YWEzZGM4ZjUyNGUsa3VwYS5tZXRhY2FydGEuY29tOjE2MDAxXzExNjM2NjM1MjRfMTE2NzM0NjY3NF8wMDoxODo4YjozODozNjo3OSwxODI2MTg=, 0.958027 -->    
-<name><![CDATA[San Joaquin County]]></name>
-<description><![CDATA[<a href="http://www.oes.ca.gov/Operational/OESHome.nsf/PrintView/C4F1A8E5BF70A1D088256EAA00198EF3OpenDocument"> Levee Break San Joaquin County Levee Break and Fl...</a><br>Levee Break <font color="red">San Joaquin County</font> Levee Break an<br>Levee Break San Joaquin County Levee Break and Flooding The Governor's Office of Emergency Services activated the State Operations Center and the Inland ...<br><br><a href="http://www.oes.ca.gov:80/Operational/OESHome.nsf/PrintView/C4F1A8E5BF70A1D088256EAA00198EF3?OpenDocument"> Levee Break San Joaquin County Levee Break and Fl...</a><br>Levee Break <font color="red">San Joaquin County</font> Levee Break an<br>Levee Break San Joaquin County Levee Break and Flooding The Governor's Office of Emergency Services activated the State Operations Center and the Inland ...<br><br>]]></description>
-<styleUrl>#rel1.0</styleUrl>
-<Point>
- <coordinates>-121.300000, 37.933330</coordinates>
-</Point>
-</Placemark><Placemark>
-<!-- YTcwMjgxMzFhYjQ5NDdiMjkzZGM0ODkwODlkNjBiOTEsa3VwYS5tZXRhY2FydGEuY29tOjE2MDAwXzExNjM2MzI4MDhfMTE2NzM0NjY3Ml8wMDoxODo4YjozODozNjo3OSw2MzM5NDk=, 0.957987 -->    
-<name><![CDATA[Gibellina]]></name>
-<description><![CDATA[<a href="http://www.archidose.org:80/Apr00/041700.html">Cretto</a><br>Cretto Cretto <font color="red">Gibellina</font>, Sicily Italia<br>Cretto Cretto Gibellina, Sicily Italian artist Alberto Burri is known for a series of works titled Cretti , monochrome pieces composed of paste left to ...<br><br>]]></description>
-<styleUrl>#rel1.0</styleUrl>
-<Point>
- <coordinates>12.966666, 37.783333</coordinates>
-</Point>
-</Placemark><Placemark>
-<!-- N2MwN2NjOWI2ZDhjZjNlNDFhYzhjMjAwOGYzOWNmYzgsdW1icm86MTY0ODlfMTE3MTk5Nzc3OV8xMTcyMDAwOTQwXzAwOjE4OjhiOjNhOjcwOmZkLDQ0ODAz, 0.957987 -->    
-<name><![CDATA[Sunnhordland]]></name>
-<description><![CDATA[<a href="http://en.wikipedia.org/wiki/Stord_Sunnhordland_F.K."> Stord Sunnhordland F.K.</a><br>Stord <font color="red">Sunnhordland</font> F.K. Infobo<br>Stord Sunnhordland F.K. Infobox Football club clubname Stord Sunnhordland F.K. image logo fullname Stord Sunnhordland Fotballklubb Norwegian nickname founded December 18 ...<br><br>]]></description>
-<styleUrl>#rel1.0</styleUrl>
-<Point>
- <coordinates>5.500000, 59.916666</coordinates>
-</Point>
-</Placemark><Placemark>
-<!-- YTYyNmE1ZjQ4NjQ0MTA0MGFlZTkyZGU2OWExOTM4ODgsZWxiZS5tZXRhY2FydGEuY29tOjE2MDM5XzExNjk3NzY4NjRfMTE2OTc4NjY1Nl8wMDoxODo4YjozNzpmZDo1YSwxNTM4MTQ5, 0.957987 -->    
-<name><![CDATA[Zagreb]]></name>
-<description><![CDATA[<a href="http://www.rwe.de/generator.aspx/icw-aqua/beteiligungen/zagrebacke-odpadne-vode-doo/language=de/id=362866/zagrebacke-odpadne-vode-doo.html">RWE Aqua - Zentralklaranlage Zagreb (ZOV)</a><br>Zentralklaranlage <font color="red">Zagreb</font> (ZOV) Home Englis<br>RWE Aqua - Zentralklaranlage Zagreb (ZOV) Home English Suchen Produkte & Services Konzern Presse/News Investor Relations Info-Welt fur Privatkunden fur Geschaftskunden fur Stadtwerke/Versorger fur ...<br><br>]]></description>
-<styleUrl>#rel1.0</styleUrl>
-<Point>
- <coordinates>16.000000, 45.800000</coordinates>
-</Point>
-</Placemark><Placemark>
-<!-- NmZlOTJiY2YwNTQzNTQ0MGRkNjhkZGQ0Y2FiN2JiMzYsa3VwYS5tZXRhY2FydGEuY29tOjE2MDAxXzExNjM2NjM1MjRfMTE2NzM0NjY3NF8wMDoxODo4YjozODozNjo3OSw3Mzc=, 0.957987 -->    
-<name><![CDATA[Burien]]></name>
-<description><![CDATA[<a href="http://www.metrokc.gov:80/kcdot/news/2005/nr050310_burientc.htm">Open house features design ideas for new Burien Transit Center</a><br>ideas for new <font color="red">Burien</font> Transit Center DO<br>Open house features design ideas for new Burien Transit Center DOT Home What's Happening Transportation Today In the News Hot Topics Current Projects Inside Transportation on CTV Regional ...<br><br>]]></description>
-<styleUrl>#rel1.0</styleUrl>
-<Point>
- <coordinates>-122.345560, 47.470560</coordinates>
-</Point>
-</Placemark><Placemark>
-<!-- NzExYjkwZThmOTI4YzQ5OThkYzg5NzJiMmQ0N2JlZjksaWJlcnVzLm1ldGFjYXJ0YS5jb206MTYwNzBfMTE2MzYyMjk0MV8xMTcyNjg1ODk5XzAwOjE4OjhiOjM4OjM2OjQ3LDEyNjk2NjI=, 0.957987 -->    
-<name><![CDATA[Galveston County]]></name>
-<description><![CDATA[<a href="http://galvestondailynews.com/mobile/index.lasso">The Daily News: Mobile Edition</a><br>Mobile Edition The <font color="red">Galveston County</font> Daily News - MOBIL<br>The Daily News: Mobile Edition The Galveston County Daily News - MOBILE EDITION - Today is Sunday, September 25, 2005 Buses return with tired, hot evacuees GALVESTON - Some complain about ...<br><br>]]></description>
-<styleUrl>#rel1.0</styleUrl>
-<Point>
- <coordinates>-94.966670, 29.366670</coordinates>
-</Point>
-</Placemark>
-</Document>
-</kml>
-    

examples/layer-opacity.html

@@ -34,7 +34,6 @@
     </style>
     <script src="../lib/OpenLayers.js"></script>
     <script type="text/javascript">
-        <!--
         var map = null;
         var shade = null;
         var maxOpacity = 0.9;
@@ -66,7 +65,6 @@
             map.addControl(new OpenLayers.Control.LayerSwitcher());
             map.setCenter(new OpenLayers.LonLat(464348.5,4975876), 1);
         }
-        // -->
     </script>
   </head>
   <body onload="init()">

examples/layerLoadMonitoring.html

@@ -0,0 +1,121 @@
+<html xmlns="http://www.w3.org/1999/xhtml">
+  <head>
+    <style type="text/css">
+        #map {
+            position: absolute;
+            top: 5px;
+            left: 5px;
+            width: 450px;
+            height: 475px;
+            border: 1px solid black;
+        }
+        #eventsLogID {
+            position: absolute;
+            top: 5px;
+            left: 460px;
+            width: 350px;
+            height: 475px;
+            overflow: auto;
+            border: 1px solid black;
+        }
+    </style>
+    <script src="../lib/Firebug/firebug.js"></script>
+    <script src="../lib/OpenLayers.js"></script>
+    <script type="text/javascript">
+        var lon = 5;
+        var lat = 40;
+        var zoom = 5;
+        var map, layer;
+        
+        function init(){
+
+            eventsLog = OpenLayers.Util.getElement("eventsLogID");
+
+            map = new OpenLayers.Map( 'map' );
+            map.addControl(new OpenLayers.Control.LayerSwitcher());
+           
+            buffer0 = new OpenLayers.Layer.WMS( "WMS Buffer 0", 
+                    "http://labs.metacarta.com/wms/vmap0",
+                    {layers: 'basic'} , 
+                    { singleTile: false, buffer:0}
+            );
+            registerEvents(buffer0);
+
+            buffer1 = new OpenLayers.Layer.WMS( "WMS Buffer 1", 
+                    "http://labs.metacarta.com/wms/vmap0",
+                    {layers: 'basic'} , 
+                    { singleTile: false, buffer:1}
+            );
+            registerEvents(buffer1);
+
+            buffer2 = new OpenLayers.Layer.WMS( "WMS Buffer 2", 
+                    "http://labs.metacarta.com/wms/vmap0",
+                    {layers: 'basic'} , 
+                    { singleTile: false, buffer:2 }
+            );
+            registerEvents(buffer2);
+
+            singleTileLayer = new OpenLayers.Layer.WMS( "Single Tile Layer", 
+                    "http://labs.metacarta.com/wms/vmap0",
+                    {layers: 'basic'} , 
+                    { singleTile: true}
+            );
+            registerEvents(singleTileLayer);
+            
+            map.setCenter(new OpenLayers.LonLat(lon, lat), zoom);
+        }        
+        
+        function registerEvents(layer) {
+                
+            layer.logEvent = function(event) {
+                eventsLog.innerHTML += "<br>(" + getTimeStamp() + ") " +
+                                       this.name + ": " + event;    
+            }
+            
+            layer.events.register("loadstart", layer, function() {
+                this.logEvent("Load Start");
+            });
+     
+            layer.events.register("tileloaded", layer, function() {
+                this.logEvent("Tile loaded. " + this.numLoadingTiles + " left.");
+            });
+            
+            layer.events.register("loadend", layer, function() {
+                this.logEvent("Load End. Grid:" + this.grid.length + "x" + this.grid[0].length);
+            });
+            
+            map.addLayer(layer);
+        }
+
+        
+        function getTimeStamp() {
+            var date = new Date();
+            
+            var timeParts = [
+                date.getHours(), 
+                date.getMinutes(), 
+                date.getSeconds()
+            ];
+            
+            var timeStamp = timeParts.join(":");
+            
+            return timeStamp;
+        }
+
+        function clearLog() {
+            eventsLog.innerHTML = "<b>Events Log:</b>";
+        }
+    </script>
+  </head>
+  <body onload="init()">
+    <div id="map"></div>
+    <div id="controls">
+        <div id="eventsLogID">
+            <b>Events Log:</b>
+        </div>         
+    </div>
+    <div style="position:absolute; top: 500px; width: 700px">
+        <input type="button" value="Clear" style="float:right" onclick="clearLog()"/>
+    </div>
+  </body>
+</html>

examples/layerswitcher.html

@@ -0,0 +1,50 @@
+<html xmlns="http://www.w3.org/1999/xhtml">
+  <head>
+    <style type="text/css">
+        #map {
+            width: 512px;
+            height: 512px;
+            border: 1px solid black;
+        }
+    </style>
+    <script src="../lib/OpenLayers.js"></script>
+    <script type="text/javascript">
+        var map;
+        function init(){
+            map = new OpenLayers.Map('map', { controls: [] });
+
+            map.addControl(new OpenLayers.Control.LayerSwitcher({'div':OpenLayers.Util.getElement('layerswitcher')}));
+
+            var ol_wms = new OpenLayers.Layer.WMS( "OpenLayers WMS", 
+                "http://labs.metacarta.com/wms/vmap0",
+                {layers: 'basic'}, {'displayInLayerSwitcher':false} );
+
+            var jpl_wms = new OpenLayers.Layer.WMS( "NASA Global Mosaic",
+                "http://wms.jpl.nasa.gov/wms.cgi", 
+                {layers: "modis,global_mosaic"}, {'isBaseLayer': false});
+
+            var dm_wms = new OpenLayers.Layer.WMS( "DM Solutions Demo",
+                "http://www2.dmsolutions.ca/cgi-bin/mswms_gmap",
+                {layers: "bathymetry,land_fn,park,drain_fn,drainage," +
+                         "prov_bound,fedlimit,rail,road,popplace",
+                 transparent: "true", format: "image/png" });
+
+            jpl_wms.setVisibility(false);
+            dm_wms.setVisibility(false);
+
+            map.addLayers([ol_wms, jpl_wms, dm_wms]);
+            if (!map.getCenter()) map.zoomToMaxExtent();
+        }
+    </script>
+  </head>
+  <body onload="init()">
+    <h1>OpenLayers Example</h1>
+    <div id="layerswitcher" style="float:right; width: 20em;"></div>
+    <div id="map"></div>
+    <div id="docs">
+      <p>This demonstrates use of the LayerSwitcher outside the map div. It also shows use 
+         of the displayInLayerSwitcher option on the Layer to cause it to not display in the
+         LayerSwitcher.</p>
+   </div>      
+  </body>
+</html>

examples/lite.html

@@ -9,7 +9,6 @@
     </style>
     <script src="../lib/OpenLayers.js"></script>
     <script type="text/javascript">
-        <!--
         var lon = 5;
         var lat = 40;
         var zoom = 5;
@@ -18,11 +17,11 @@
         function init(){
             map = new OpenLayers.Map( 'map' );
             layer = new OpenLayers.Layer.WMS( "OpenLayers WMS", 
-                    "http://labs.metacarta.com/wms/vmap0", {layers: 'basic'} );
+                    "http://labs.metacarta.com/wms/vmap0",
+                    {layers: 'basic'} );
             map.addLayer(layer);
             map.setCenter(new OpenLayers.LonLat(lon, lat), zoom);
         }
-        // -->
     </script>
   </head>
   <body onload="init()">

examples/mapserver.html

@@ -9,7 +9,6 @@
     </style>
     <script src="../lib/OpenLayers.js"></script>
     <script type="text/javascript">
-        <!--
         var lon = 5;
         var lat = 40;
         var zoom = 5;
@@ -26,7 +25,6 @@
             map.addControl( new OpenLayers.Control.LayerSwitcher() );
         }
         
-        // -->
     </script>
   </head>
   <body onload="init()">

examples/mapserver_untiled.html

@@ -8,12 +8,12 @@
         }
     </style>
     <script src="../lib/OpenLayers.js"></script>
-    <script src="../lib/OpenLayers/Layer/MapServer/Untiled.js"></script>
     <script type="text/javascript">
+        var map;
         window.onload = function(){
-            var map = new OpenLayers.Map( 'map', {maxResolution: 'auto'} );
-            var layer = new OpenLayers.Layer.MapServer.Untiled( "MapServer Untiled", 
-                    "http://labs.metacarta.com/wms/vmap0", {layers: 'basic'} );
+            map = new OpenLayers.Map( 'map', {maxResolution: 'auto'} );
+            var layer = new OpenLayers.Layer.MapServer( "MapServer Untiled", 
+                    "http://labs.metacarta.com/wms/vmap0", {layers: 'basic'}, {singleTile: true} );
             map.addLayer(layer);
             map.setCenter(new OpenLayers.LonLat(0, 0), 1);
             map.addControl( new OpenLayers.Control.LayerSwitcher() );

examples/markerResize.html

@@ -9,7 +9,6 @@
     </style>
     <script src="../lib/OpenLayers.js"></script>
     <script type="text/javascript">
-        <!--
         var map, layer;
         var size, icon;
         
@@ -29,7 +28,7 @@
                 'http://boston.openguides.org/markers/AQUA.png',
                 size, null, calculateOffset);
             markers.addMarker(
-                new OpenLayers.Marker(new OpenLayers.LonLat(-180,90), icon));
+                new OpenLayers.Marker(new OpenLayers.LonLat(-71,40), icon));
 
             map.addControl(new OpenLayers.Control.LayerSwitcher());
             map.zoomToMaxExtent();
@@ -41,7 +40,6 @@
             icon.setSize(size);   
             
         }
-        // -->
     </script>
   </head>
   <body onload="init()">

examples/markers.html

@@ -9,7 +9,6 @@
     </style>
     <script src="../lib/OpenLayers.js"></script>
     <script type="text/javascript">
-        <!--
         var map, layer;
 
         function init(){
@@ -37,14 +36,13 @@
 
             marker = new OpenLayers.Marker(new OpenLayers.LonLat(90,10),icon.clone());
             marker.setOpacity(0.2);
-            marker.events.register('mousedown', marker, function(evt) { alert(this.icon.url); Event.stop(evt); });
+            marker.events.register('mousedown', marker, function(evt) { alert(this.icon.url); OpenLayers.Event.stop(evt); });
             markers.addMarker(marker); 
             map.addControl(new OpenLayers.Control.LayerSwitcher());
             map.zoomToMaxExtent();
 
             halfIcon.setOpacity(0.5);
         }
-        // -->
     </script>
   </head>
   <body onload="init()">

examples/markersTextLayer.html

@@ -9,7 +9,6 @@
     </style>
     <script src="../lib/OpenLayers.js"></script>
     <script type="text/javascript">
-        <!--
         var map, layer;
 
         function init(){
@@ -26,7 +25,6 @@
             map.addControl(new OpenLayers.Control.LayerSwitcher());
             map.zoomToMaxExtent();
         }
-        // -->
     </script>
   </head>
   <body onload="init()">

examples/mm.html

@@ -14,8 +14,6 @@
 
     <script src="../lib/OpenLayers.js"></script>
     <script type="text/javascript">
-        <!--
- 
         var lon = 5;
         var lat = 40;
         var zoom = 5;
@@ -45,7 +43,6 @@
         function remove() {
             markers.removeMarker(marker);
         }
-  // -->
     </script>
   </head>
   <body onload="init()">

examples/modify-feature.html

@@ -0,0 +1,112 @@
+<html xmlns="http://www.w3.org/1999/xhtml">
+  <head>
+    <title>Modify Feature</title>
+    <style type="text/css">
+        #map {
+            width: 512px;
+            height: 350px;
+            border: 1px solid gray;
+        }
+        #controls {
+            width: 512px;
+        }
+        #controlToggle {
+            padding-left: 1em;
+        }
+        #controlToggle li {
+            list-style: none;
+        }
+    </style>
+    <script src="../lib/Firebug/firebug.js"></script>
+    <script src="../lib/OpenLayers.js"></script>
+    <script type="text/javascript">
+        var map, vectors, controls;
+        function init(){
+            map = new OpenLayers.Map('map');
+            var wms = new OpenLayers.Layer.WMS( "OpenLayers WMS", 
+                "http://labs.metacarta.com/wms/vmap0?", {layers: 'basic'}); 
+            OpenLayers.Feature.Vector.style['default']['strokeWidth'] = '2';
+            vectors = new OpenLayers.Layer.Vector("Vector Layer");
+
+            map.addLayers([wms, vectors]);
+            map.addControl(new OpenLayers.Control.LayerSwitcher());
+            map.addControl(new OpenLayers.Control.MousePosition());
+            
+            var modifyOptions = {
+                onModificationStart: function(feature) {
+                    OpenLayers.Console.log("start modifying", feature.id);
+                },
+                onModification: function(feature) {
+                    OpenLayers.Console.log("modified", feature.id);
+                },
+                onModificationEnd: function(feature) {
+                    OpenLayers.Console.log("end modifying", feature.id);
+                },
+                onDelete: function(feature) {
+                    OpenLayers.Console.log("delete", feature.id);
+                }
+            };
+            controls = {
+                point: new OpenLayers.Control.DrawFeature(vectors,
+                            OpenLayers.Handler.Point),
+                line: new OpenLayers.Control.DrawFeature(vectors,
+                            OpenLayers.Handler.Path),
+                polygon: new OpenLayers.Control.DrawFeature(vectors,
+                            OpenLayers.Handler.Polygon),
+                modify: new OpenLayers.Control.ModifyFeature(vectors,
+                                                             modifyOptions)
+            };
+            
+            for(var key in controls) {
+                map.addControl(controls[key]);
+            }
+            
+            map.setCenter(new OpenLayers.LonLat(0, 0), 3);
+            document.getElementById('noneToggle').checked = true;
+        }
+        
+
+        function toggleControl(element) {
+            for(key in controls) {
+                var control = controls[key];
+                if(element.value == key && element.checked) {
+                    control.activate();
+                } else {
+                    control.deactivate();
+                }
+            }
+        }
+        
+    </script>
+  </head>
+  <body onload="init()">
+    <h3>OpenLayers Modify Feature Example</h3>
+    <div id="map"></div>
+    <div id="controls">
+        <ul id="controlToggle">
+            <li>
+                <input type="radio" name="type" value="none" id="noneToggle"
+                       onclick="toggleControl(this);" checked="checked" />
+                <label for="noneToggle">navigate</label>
+            </li>
+            <li>
+                <input type="radio" name="type" value="point" id="pointToggle" onclick="toggleControl(this);" />
+                <label for="pointToggle">draw point</label>
+            </li>
+            <li>
+                <input type="radio" name="type" value="line" id="lineToggle" onclick="toggleControl(this);" />
+                <label for="lineToggle">draw line</label>
+            </li>
+            <li>
+                <input type="radio" name="type" value="polygon" id="polygonToggle" onclick="toggleControl(this);" />
+                <label for="polygonToggle">draw polygon</label>
+            </li>
+            <li>
+                <input type="radio" name="type" value="modify" id="modifyToggle"
+                       onclick="toggleControl(this);" />
+                <label for="modifyToggle">modify feature</label>
+            </li>
+        </ul>
+    </div>
+  </body>
+</html>

examples/mouse-position.html

@@ -0,0 +1,42 @@
+<!DOCTYPE html PUBLIC "-//W3C//DTD XHTML 1.0 Transitional//EN"
+  "http://www.w3.org/TR/xhtml1/DTD/xhtml1-transitional.dtd">
+<html xmlns="http://www.w3.org/1999/xhtml" debug="true">
+  <head>
+    <style type="text/css">
+        body {
+            margin: 0;
+            padding: 0;
+        }
+        #map {
+            width: 512px;
+            height: 256px;
+        }
+    </style>
+    <script src="../lib/OpenLayers.js"></script>
+    <script type="text/javascript">
+        var map;
+        function init(){
+            var map = new OpenLayers.Map('map');
+
+            map.addControl(new OpenLayers.Control.MousePosition());
+
+            var ol_wms = new OpenLayers.Layer.WMS( "OpenLayers WMS", 
+                "http://labs.metacarta.com/wms/vmap0",
+                {layers: 'basic'} );
+
+            map.addLayers([ol_wms]);
+            if (!map.getCenter()) map.zoomToMaxExtent();
+            
+            map.events.register("mousemove", map, function(e) { 
+                var position = this.events.getMousePosition(e);
+                OpenLayers.Util.getElement("coords").innerHTML = position;
+            });
+        }
+    </script>
+  </head>
+  <body onload="init()">
+    <div id="map"></div>
+    <div id="coords"></div>
+    <p>Moving your mouse to the upper left corner of this map should return 'x=0,y=0' -- in the past, it didn't in IE. If it returns 2,2, consider it a bug, and report it.</p> 
+  </body>
+</html>

examples/multimap-mercator.html

@@ -0,0 +1,57 @@
+<html xmlns="http://www.w3.org/1999/xhtml">
+  <head>
+    <style type="text/css">
+        #map {
+            width: 100%;
+            height: 512px;
+            border: 1px solid gray;
+        }
+    </style>
+
+
+    <script type="text/javascript" src="http://clients.multimap.com/API/maps/1.1/metacarta_04"></script>
+
+    <script src="../lib/OpenLayers.js"></script>
+    <script type="text/javascript">
+ 
+        var map, ve, merc, vector;
+
+        function init(){
+            var options = {
+                projection: "EPSG:900913",
+                units: "m",
+                maxResolution: 156543.0339,
+                maxExtent: new OpenLayers.Bounds(-20037508, -20037508,
+                                                 20037508, 20037508)
+            };
+            map = new OpenLayers.Map('map', options);
+
+            ve = new OpenLayers.Layer.MultiMap(
+                "multimap",
+                {'sphericalMercator': true}
+            ); 
+            merc = new OpenLayers.Layer.WMS("World Map",
+                                            "http://world.freemap.in/tiles/",
+                                            {'layers': 'factbook-overlay',
+                                             'format':'png'},
+                                            {'reproject': false,
+                                             'opacity': 0.4,
+                                             'isBaseLayer': false,
+                                             'wrapDateLine': true});
+
+            // create a vector layer for drawing
+            vector = new OpenLayers.Layer.Vector("Editable Vectors");
+            
+            map.addLayers([ve, merc, vector]);
+            map.addControl(new OpenLayers.Control.LayerSwitcher());
+            map.addControl(new OpenLayers.Control.EditingToolbar(vector));
+            map.zoomToMaxExtent()
+        }
+        
+    </script>
+  </head>
+  <body onload="init()">
+    <h3>OpenLayers MultiMap Mercator Example</h3>
+    <div id="map"></div>
+  </body>
+</html>

examples/multiserver.html

@@ -9,7 +9,6 @@
     </style>
     <script src="../lib/OpenLayers.js"></script>
     <script type="text/javascript">
-        <!--
         var lon = 5;
         var lat = 40;
         var zoom = 5;
@@ -18,15 +17,14 @@
         function init(){
             map = new OpenLayers.Map( 'map' );
             
-            var urlArray = ["http://labs.metacarta.com/wms-c/Basic.py",
-                            "http://monitor.metacarta.com/wms-c/Basic.py"];
+            var urlArray = ["http://t1.labs.metacarta.com/wms-c/Basic.py",
+                            "http://t2.labs.metacarta.com/wms-c/Basic.py"];
             layer = new OpenLayers.Layer.WMS( "OpenLayers WMS", 
                                               urlArray,
                                               {layers: 'basic'} );
             map.addLayer(layer);
             map.setCenter(new OpenLayers.LonLat(lon, lat), zoom);
         }
-        // -->
     </script>
   </head>
   <body onload="init()">

examples/mvs.html

@@ -1,9 +1,4 @@
 <html>
-<!--
-     OpenLayers Map Viewer Service
-
-     Copyright 2005-2006 MetaCarta, Inc., released under the BSD License.
--->
 <!-- 
      This probably needs to be renamed index.html for deployment.
      Specifically, it needs to be the default page for whatever

examples/navtoolbar-outsidemap.html

@@ -0,0 +1,65 @@
+<html xmlns="http://www.w3.org/1999/xhtml">
+  <head>
+    <link rel="stylesheet" href="../theme/default/style.css" type="text/css" />
+    <style type="text/css">
+        #map {
+            width: 800px;
+            height: 475px;
+            border: 1px solid black;
+        }
+        
+        #paneldiv { float: right }
+        #paneldiv div { 
+          top: 10px; 
+        }
+        
+    </style>
+    <script src="../lib/OpenLayers.js"></script>
+    <script type="text/javascript">
+        var lon = 5;
+        var lat = 40;
+        var zoom = 5;
+        var map, layer;
+
+        function init(){
+            map = new OpenLayers.Map( 'map', { controls: [new OpenLayers.Control.PanZoom()] } );
+            layer = new OpenLayers.Layer.WMS( "OpenLayers WMS", 
+                    "http://labs.metacarta.com/wms/vmap0", {layers: 'basic'} );
+            map.addLayer(layer);
+            var panel = new OpenLayers.Control.NavToolbar({'div':OpenLayers.Util.getElement('paneldiv')});
+            map.addControl(panel);
+            map.setCenter(new OpenLayers.LonLat(lon, lat), zoom);
+            
+        }
+    </script>
+  </head>
+  <body onload="init()">
+    <h1 id="title">Navigation Toolbar: Outside the Map</h1>
+    <div id="paneldiv" class="olControlNavToolbar"></div>
+    <div id="map"></div>
+    <div id="docs">
+     <p> To place the Naviation Toolbar outside the map:</p>
+      <ul>
+        <li>Load the default stylesheet into the page.</li>
+        <li>Override the location of the Navigation toolbar in your CSS by setting <tt>#yourElementId div</tt> to have a top of 0px</li>
+        <li>Specify the HTML element as a 'div' option in your NavToolbar constructor</li>
+        <li>Add the olControlNavToolbar class to your div.</li>
+      </ul>
+      <pre id="code">
+&lt;link rel="stylesheet" href="../theme/default/style.css" type="text/css" />
+&lt;style type="text/css">
+  #paneldiv { float: right; }
+  #paneldiv div { 
+    top: 10px; 
+  }
+&lt;/style>
+&lt;div id="paneldiv" class="olControlNavToolbar">&lt;/div>
+
+...
+
+var panel = new OpenLayers.Control.NavToolbar({'div':OpenLayers.Util.getElement('paneldiv')});
+</pre>
+   </div> 
+   
+  </body>
+</html>

examples/navtoolbar.html

@@ -11,7 +11,6 @@
     </style>
     <script src="../lib/OpenLayers.js"></script>
     <script type="text/javascript">
-        <!--
         var lon = 5;
         var lat = 40;
         var zoom = 5;
@@ -28,7 +27,6 @@
 
             map.setCenter(new OpenLayers.LonLat(lon, lat), zoom);
         }
-        // -->
     </script>
   </head>
   <body onload="init()">

examples/notile.html

@@ -1,30 +1,39 @@
 <html xmlns="http://www.w3.org/1999/xhtml">
   <head>
     <style type="text/css">
-        #map {
-            width: 512px;
-            height: 512px;
+        #mapDiv {
+            width: 400px;
+            height: 400px;
             border: 1px solid black;
         }
     </style>
     <script src="../lib/OpenLayers.js"></script>
     <script type="text/javascript">
-        <!--
+        var map;
         function init(){
-            var map = new OpenLayers.Map('map', {maxResolution: 'auto'});
+            map = new OpenLayers.Map('mapDiv', {maxResolution: 'auto'});
 
-            var ol_wms = new OpenLayers.Layer.WMS.Untiled( "OpenLayers WMS", 
+            var old_ol_wms = new OpenLayers.Layer.WMS.Untiled( "WMS.Untiled", 
                 "http://labs.metacarta.com/wms/vmap0?", {layers: 'basic'} );
-            ol_wms.addOptions({isBaseLayer: true});
-            map.addLayers([ol_wms]);
+            old_ol_wms.addOptions({isBaseLayer: true});
+            
+            var new_ol_wms = new OpenLayers.Layer.WMS( "WMS w/singleTile", 
+                "http://labs.metacarta.com/wms/vmap0?", {layers: 'basic'}, 
+                { singleTile: true, ratio: 1 } );
+            new_ol_wms.addOptions({isBaseLayer: true});
+
+            map.addLayers([old_ol_wms, new_ol_wms]);
             map.addControl(new OpenLayers.Control.LayerSwitcher());
-            map.setCenter(new OpenLayers.LonLat(0, 0), 0);
+            map.setCenter(new OpenLayers.LonLat(6.5, 40.5), 4);
         }
-        // -->
     </script>
   </head>
   <body onload="init()">
     <h1>OpenLayers Example</h1>
-    <div id="map"></div>
+    <div id="mapDiv"></div>
+    <p> The first layer is an old OpenLayers.Layer.WMS.Untiled layer, using 
+        a default ratio value of 1.5.
+    <p> The second layer is an OpenLayers.Layer.WMS layer with singleTile set
+        to true, and with a ratio of 1.    
   </body>
 </html>

examples/openmnnd.html

@@ -12,12 +12,11 @@
     </style>
     <script src="../lib/OpenLayers.js"></script>
     <script type="text/javascript">
-        <!--
         var map, layer;
 
         function init(){
             OpenLayers.ProxyHost="/proxy/?url=";
-            map = new OpenLayers.Map( $('map'), {'maxResolution':'auto', maxExtent: new OpenLayers.Bounds(-203349.72008129774,4816309.33,1154786.8041952979,5472346.5), projection: 'EPSG:26915' } );
+            map = new OpenLayers.Map('map', {'maxResolution':'auto', maxExtent: new OpenLayers.Bounds(-203349.72008129774,4816309.33,1154786.8041952979,5472346.5), projection: 'EPSG:26915' } );
             layer = new OpenLayers.Layer.WMS( "OpenLayers WMS", 
                     ["http://geoint.lmic.state.mn.us/cgi-bin/wms"], {layers: 'fsa'} );
             map.addLayer(layer);
@@ -34,7 +33,7 @@
             wfs.preFeatureInsert= function(feature) { feature.style.strokeWidth="3"; feature.style.strokeColor="blue";  
             }
             wfs.onFeatureInsert = function() {
-              $('stream_features').innerHTML = feature.layer.features.length;
+              OpenLayers.Util.getElement('stream_features').innerHTML = feature.layer.features.length;
             }  
             map.addLayer(wfs);
             
@@ -52,7 +51,7 @@
               });
             
             pwfs.onFeatureInsert= function(feature) { 
-              $('plat_features').innerHTML = feature.layer.features.length;
+              OpenLayers.Util.getElement('plat_features').innerHTML = feature.layer.features.length;
             }
             map.addLayer(pwfs); 
             
@@ -62,15 +61,15 @@
               {ratio:1.25, minZoomLevel:7, extractAttributes: true, style:rstyle});
             
             rwfs.onFeatureInsert= function(feature) {  
-              $('road_features').innerHTML = feature.layer.features.length; 
+              OpenLayers.Util.getElement('road_features').innerHTML = feature.layer.features.length; 
             }
             
             map.addLayer(rwfs); 
             
             map.events.register('moveend', null, function() { 
-                $('stream_features').innerHTML = "0";
-                $('road_features').innerHTML = "0";
-                $('plat_features').innerHTML = "0";
+                OpenLayers.Util.getElement('stream_features').innerHTML = "0";
+                OpenLayers.Util.getElement('road_features').innerHTML = "0";
+                OpenLayers.Util.getElement('plat_features').innerHTML = "0";
             });    
 
             var ls = new OpenLayers.Control.LayerSwitcher();
@@ -99,29 +98,22 @@
                 }
             }
         }
-        var displayedGeom = null;
-        function feature_info_hover(geometry) {
-            if(geometry.parent) {
-                geometry = geometry.parent;
-            }
-            if (displayedGeom != geometry && 
-               (!geometry.feature.layer.selectedFeatures.length || 
-               (geometry.feature.layer.selectedFeatures[0].geometry == geometry))) {
-            feature_info(geometry);
-            displaydGeom = geometry;
+        var displayedFeature = null;
+        function feature_info_hover(feature) {
+            if (displayedFeature != feature && 
+               (!feature.layer.selectedFeatures.length || 
+               (feature.layer.selectedFeatures[0] == feature))) {
+            feature_info(feature);
+            displayedFeature = feature;
            }
         }    
-        function feature_info(geometry) {
-            if(geometry.parent) {
-                geometry = geometry.parent;
-            }
+        function feature_info(feature) {
             var html = "<ul>";
-            for(var i in geometry.feature.attributes)
-               html += "<li><b>" + i + "</b>: "+  geometry.feature.attributes[i] + "</li>";
+            for(var i in feature.attributes)
+               html += "<li><b>" + i + "</b>: "+  feature.attributes[i] + "</li>";
             html += "</ul>";
-            $('feature_info').innerHTML = html;
+            OpenLayers.Util.getElement('feature_info').innerHTML = html;
         }
-        // -->
     </script>
   </head>
   <body onload="init()">

examples/outOfRangeMarkers.html

@@ -0,0 +1,57 @@
+<html xmlns="http://www.w3.org/1999/xhtml">
+<head>
+    <style type="text/css">
+        #map {
+            width: 650px;
+            height: 550px;
+            border: 1px solid black;
+        }
+    </style>
+      <!-- this gmaps key generated for http://openlayers.org/dev/ -->
+    <script src='http://maps.google.com/maps?file=api&amp;v=2&amp;key=ABQIAAAAjpkAC9ePGem0lIq5XcMiuhR_wWLPFku8Ix9i2SXYRVK3e45q1BQUd_beF8dtzKET_EteAjPdGDwqpQ'></script>
+    <!-- Localhost key -->
+    <!-- <script src='http://maps.google.com/maps?file=api&amp;v=2&amp;key=ABQIAAAAjpkAC9ePGem0lIq5XcMiuhT2yXp_ZAY8_ufC3CFXhHIE1NvwkxTS6gjckBmeABOGXIUiOiZObZESPg'></script>-->
+  
+    <script src="../lib/OpenLayers.js"></script>
+    <script type="text/javascript">
+        var map;
+        function init(){
+            
+            // Variables
+            map = new OpenLayers.Map('map', { controls: [] });
+            var lon = 35;
+            var lat = -6;
+            var zoom = 6;
+            var map, layer;
+
+            // Map Controls
+            map.addControl(new OpenLayers.Control.PanZoomBar());
+            map.addControl(new OpenLayers.Control.MouseToolbar());
+            map.addControl(new OpenLayers.Control.LayerSwitcher({'ascending':false}));
+            map.addControl(new OpenLayers.Control.MousePosition());
+
+
+            // Map Layers
+            var GMapsSat = new OpenLayers.Layer.Google( "Google Satellite" , {type: G_SATELLITE_MAP, 'maxZoomLevel':18} );
+            var GMapsHybr = new OpenLayers.Layer.Google( "Google Hybrid" , {type: G_HYBRID_TYPE, 'maxZoomLevel':18} );
+            var GMapsStreets = new OpenLayers.Layer.Google( "Google Steets" , {type: G_NORMAL_MAP, 'maxZoomLevel':18} );
+            var MarkersLayer2 = new OpenLayers.Layer.Text( "Region info", {location: "outOfRangeMarkers.txt", maxResolution: 0.02});
+
+            // Add Layers
+            map.addLayers([GMapsHybr, GMapsStreets, GMapsSat, MarkersLayer2]);
+            
+
+            // Visual
+            map.setCenter(new OpenLayers.LonLat(lon, lat), zoom);
+            if (!map.getCenter()) map.zoomToMaxExtent();
+        }
+    </script>
+ </head>
+
+
+ <body onload="init()">
+
+    <div id="map"></div>
+
+  </body>
+</html>

examples/outOfRangeMarkers.txt

@@ -0,0 +1,3 @@
+point	title	description	icon
+-4.14,37.90	 	Kilimanjaro Beskrivning	http://www.villageografica.com/Africa-Webmap/img/marker-blue.png
+-3.24,34.35	 	Shinyanga Beskrivning	http://www.villageografica.com/Africa-Webmap/img/marker-blue.png

examples/panel.html

@@ -15,32 +15,34 @@
         }
         
         .olControlPanel .olControlMouseDefaultsItemActive { 
-          background-color: orange;
-          background-image: url("../../oterral/ButtonBar/vector/img/PanEnable.png");
+          background-color: blue;
+          background-image: url("../theme/default/img/pan_on.png");
         }
         .olControlPanel .olControlMouseDefaultsItemInactive { 
           background-color: orange;
-          background-image: url("../../oterral/ButtonBar/vector/img/PanDisable.png");
+          background-image: url("../theme/default/img/pan_off.png");
         }
         .olControlPanel .olControlDrawFeatureItemActive { 
           width:  22px;  
           height: 22px;
-          background-image: url("../../oterral/ButtonBar/vector/img/EditLineEnable.png");
+          background-image: url("../theme/default/img/draw_line_on.png");
         }
         .olControlPanel .olControlDrawFeatureItemInactive { 
           width:  22px;  
           height: 22px;
-          background-image: url("../../oterral/ButtonBar/vector/img/EditLineDisable.png");
+          background-image: url("../theme/default/img/draw_line_off.png");
         }
         .olControlPanel .olControlZoomBoxItemInactive { 
           width:  22px;  
           height: 22px;
-          background-color: blue;
+          background-color: orange;
+          background-image: url("../img/drag-rectangle-off.png");
         }
         .olControlPanel .olControlZoomBoxItemActive { 
           width:  22px;  
           height: 22px;
-          background-color: orange;
+          background-color: blue;
+          background-image: url("../img/drag-rectangle-on.png");
         }
         .olControlPanel .olControlZoomToMaxExtentItemInactive { 
           width:  18px;  
@@ -52,7 +54,6 @@
     <script src="../lib/OpenLayers.js"></script>
     <script src="../lib/Firebug/debug.js"></script>
     <script type="text/javascript">
-        <!--
         var lon = 5;
         var lat = 40;
         var zoom = 5;
@@ -69,7 +70,7 @@
             
             
             zb = new OpenLayers.Control.ZoomBox();
-            panel = new OpenLayers.Control.Panel({defaultControl: zb});
+            var panel = new OpenLayers.Control.Panel({defaultControl: zb});
             panel.addControls([
                 new OpenLayers.Control.MouseDefaults(),
                 zb,
@@ -80,7 +81,6 @@
 
             map.setCenter(new OpenLayers.LonLat(lon, lat), zoom);
         }
-        // -->
     </script>
   </head>
   <body onload="init()">

examples/popups.html

@@ -3,13 +3,13 @@
     <style type="text/css">
         #map {
             width: 512px;
-            height: 512px;
+            height: 400px;
             border: 1px solid black;
         }
     </style>
     <script src="../lib/OpenLayers.js"></script>
+    <script src='http://maps.google.com/maps?file=api&amp;v=2&amp;key=ABQIAAAAjpkAC9ePGem0lIq5XcMiuhR_wWLPFku8Ix9i2SXYRVK3e45q1BQUd_beF8dtzKET_EteAjPdGDwqpQ'></script>
     <script type="text/javascript">
-        <!--
         var map, layer, popup;
         var markers, feature, marker;
         
@@ -18,6 +18,8 @@
             layer = new OpenLayers.Layer.WMS( "OpenLayers WMS", 
                 "http://labs.metacarta.com/wms/vmap0", {layers: 'basic'} );
             map.addLayer(layer);
+            layer = new OpenLayers.Layer.Google( "Google" );
+            map.addLayer(layer);
 
             map.addControl(new OpenLayers.Control.LayerSwitcher());
             map.zoomToMaxExtent();
@@ -47,7 +49,7 @@
             popup = new OpenLayers.Popup.Anchored("chicken", 
                                          new OpenLayers.LonLat(5,40),
                                          new OpenLayers.Size(200,200),
-                                         "example popup");
+                                         "example popup", true);
         
             map.addPopup(popup);
         }        
@@ -69,8 +71,17 @@
         }
         
         function mousedown(evt) {
+             // check to see if the popup was hidden by the close box
+             // if so, then destroy it before continuing
+            if (popup != null) {
+                if (!popup.visible()) {
+                    markers.map.removePopup(popup);
+                    popup.destroy();
+                    popup = null;
+                }
+            }
             if (popup == null) {
-                popup = feature.createPopup();
+                popup = feature.createPopup(true);
                 popup.setContentHTML("<a href='http://www.somethingconstructive.net' target='_blank'>click me</a>");
                 popup.setBackgroundColor("yellow");
                 popup.setOpacity(0.7);
@@ -80,7 +91,7 @@
                 popup.destroy();
                 popup = null;
             }
-            Event.stop(evt);
+            OpenLayers.Event.stop(evt);
         }        
 
         /**
@@ -90,7 +101,7 @@
             markers.map.removePopup(popup);
             popup.destroy();
             popup = null;
-            Event.stop(evt);
+            OpenLayers.Event.stop(evt);
         }
 
 
@@ -106,13 +117,11 @@
             layer.destroy();
 //            map.removeLayer(markers);
         }
-
-
-        // -->
     </script>
   </head>
   <body onload="init()">
     <div id="map"></div>
+    <p>If you open an anchoredbubble and switch to google, it shouldn't crash. If it does, don't release OpenLayers.</p>  
     <div style="background-color:purple" onclick="add()"> click to add Popup to map</div>
     <div style="background-color:green" onclick="addMarker()"> click to add a Marker with an AnchoredBubble popup</div>
     <div style="background-color:blue" onclick="changer()"> click to modify popup's attributes</div>

examples/projected-map.html

@@ -17,33 +17,46 @@
 
     <script src="../lib/OpenLayers.js"></script>
     <script type="text/javascript">
-      <!--
-    var lat = 900863; 
-    var lon = 235829;
-    var zoom = 6;
-    var map, layer;
+        var lat = 900863; 
+        var lon = 235829;
+        var zoom = 6;
+        var map, layer;
 
         function init(){
             map = new OpenLayers.Map( 'map' );
             var basemap = new OpenLayers.Layer.WMS( "Boston", 
                 "http://boston.freemap.in/cgi-bin/mapserv?",
-                {map: '/www/freemap.in/boston/map/gmaps.map', layers: 'border,water,roads,rapid_transit,buildings', format: 'png', 'transparent': 'off'},
+                {
+                 map: '/www/freemap.in/boston/map/gmaps.map', 
+                 layers: 'border,water,roads,rapid_transit,buildings', 
+                 format: 'png', 
+                 transparent: 'off'
+                },
                 // These are the important parts for creating a non-epsg:4326
                 // map: Maxextent is the boundary of the map/tile loading area,
                 // maxResolution is the units/pixel at the highest zoom, and 
                 // projection is the projection to be used in WMS/WFS Requests.
-                {maxExtent: new OpenLayers.Bounds(33861, 717605, 330846, 1019656), maxResolution: 296985/1024, projection:"EPSG:2805" } );
+                {
+                  maxExtent: new OpenLayers.Bounds(33861, 717605, 330846, 1019656), 
+                  maxResolution: 296985/1024, // Another alternative is 'auto', which 
+                                              // will automatically fit the map: you can 
+                                              // then check map.baseLayer.resolutions[0] for
+                                              // a reasonable value.
+                  projection:"EPSG:2805",     // Used in WMS/WFS requests.   
+                  units: "m"                  // Only neccesary for working with scales.
+                  } );
                 
             map.addLayer(basemap);
             
             map.setCenter(new OpenLayers.LonLat(lon, lat), zoom);
             map.addControl(new OpenLayers.Control.LayerSwitcher());
         }
-//      -->
     </script>
   </head>
 
 <body onload="init()">
     <div id="map"></div>
+    <p>When using alternative projections, you still use OpenLayers.LonLat objects, even though
+       the properties are actually X/Y values at that point.</p>
 </body>
 </html>

examples/proxy.cgi

@@ -6,22 +6,31 @@ restrictions that prevent the Javascript from loading pages not on the
 same server as the Javascript.  This has several problems: it's less
 efficient, it might break some sites, and it's a security risk because
 people can use this proxy to browse the web and possibly do bad stuff
-with it.  If you can get your code signed (see:
-http://trac.openlayers.org/wiki/HowToSignJavascript), then you should
-modify Parameters.js so that this isn't used.  Otherwise, you're stuck
 with it.  It only loads pages via http and https, but it can load any
-content type. XML and HTML are both currently used by Openlayers."""
+content type. It supports GET and POST requests."""
 
-import urllib
+import urllib2
 import cgi
-
-fs = cgi.FieldStorage()
-url = fs.getvalue('url', "http://openlayers.org")
+import sys, os
 
 # Designed to prevent Open Proxy type stuff.
 
-allowedHosts = ['www.openlayers.org', 'openlayers.org', 'octo.metacarta.com', 'merrimack.metacarta.com', 'labs.metacarta.com', 'world.freemap.in',
-                'prototype.openmnnd.org']
+allowedHosts = ['www.openlayers.org', 'openlayers.org', 
+                'labs.metacarta.com', 'world.freemap.in', 
+                'prototype.openmnnd.org', 'geo.openplans.org']
+
+method = os.environ["REQUEST_METHOD"]
+
+if method == "POST":
+    qs = os.environ["QUERY_STRING"]
+    d = cgi.parse_qs(qs)
+    if d.has_key("url"):
+        url = d["url"][0]
+    else:
+        url = "http://www.openlayers.org"
+else:
+    fs = cgi.FieldStorage()
+    url = fs.getvalue('url', "http://www.openlayers.org")
 
 try:
     host = url.split("/")[2]
@@ -30,24 +39,36 @@ try:
         print "Content-Type: text/plain"
         print
         print "This proxy does not allow you to access that location."
-    
+        print 
+        print os.environ
+  
     elif url.startswith("http://") or url.startswith("https://"):
     
-        y = urllib.urlopen(url)
+        if method == "POST":
+            length = int(os.environ["CONTENT_LENGTH"])
+            headers = {"Content-Type": os.environ["CONTENT_TYPE"]}
+            body = sys.stdin.read(length)
+            r = urllib2.Request(url, body, headers)
+            y = urllib2.urlopen(r)
+        else:
+            y = urllib2.urlopen(url)
         
-        headers = str(y.info()).split('\n')
-        for h in headers:
-            if h.startswith("Content-Type:"):
-                print h
+        # print content type header
+        i = y.info()
+        if i.has_key("Content-Type"):
+            print "Content-Type: %s" % (i["Content-Type"])
+        else:
+            print "Content-Type: text/plain"
         print
         
         print y.read()
         
         y.close()
     else:
-        print """Content-Type: text/plain
- 
-Illegal request."""
+        print "Content-Type: text/plain"
+        print
+        print "Illegal request."
+
 except Exception, E:
     print "Status: 500 Unexpected Error"
     print "Content-Type: text/plain"

examples/regular-polygons.html

@@ -0,0 +1,160 @@
+<html xmlns="http://www.w3.org/1999/xhtml">
+  <head>
+    <title>OpenLayers Regular Polygon Example</title>
+    <style type="text/css">
+        html, body {
+            margin: 0;
+            padding: 1em;
+            font: 0.9em Verdana, Arial, sans serif;
+        }
+        input, select, textarea {
+            font: 1em Verdana, Arial, sans serif;
+        }
+        #map {
+            width: 512px;
+            height: 350px;
+            border: 1px solid gray;
+        }
+        p {
+            width: 512px;
+        }
+        #config {
+            margin-top: 1em;
+            width: 512px;
+            position: relative;
+            height: 8em;
+        }
+        #controls {
+            padding-left: 2em;
+            margin-left: 0;
+            width: 12em;
+        }
+        #controls li {
+            padding-top: 0.5em;
+            list-style: none;
+        }
+        #options {
+            font-size: 1em;
+            top: 0;
+            margin-left: 15em;
+            position: absolute;
+        }
+    </style>
+    <script src="../lib/OpenLayers.js"></script>
+    <script type="text/javascript">
+        var map, polygonControl;
+        OpenLayers.Util.onImageLoadErrorColor = "transparent";
+        function init(){
+            map = new OpenLayers.Map('map');
+            
+            var wmsLayer = new OpenLayers.Layer.WMS( "OpenLayers WMS", 
+                "http://labs.metacarta.com/wms/vmap0?", {layers: 'basic'}); 
+
+            var polygonLayer = new OpenLayers.Layer.Vector("Polygon Layer");
+
+            map.addLayers([wmsLayer, polygonLayer]);
+            map.addControl(new OpenLayers.Control.LayerSwitcher());
+            map.addControl(new OpenLayers.Control.MousePosition());
+
+            polyOptions = {sides: 4};
+            polygonControl = new OpenLayers.Control.DrawFeature(polygonLayer,
+                                            OpenLayers.Handler.RegularPolygon,
+                                            {handlerOptions: polyOptions});
+            
+            map.addControl(polygonControl);
+            
+            map.setCenter(new OpenLayers.LonLat(0, 0), 3);
+            
+            document.getElementById('noneToggle').checked = true;
+        }
+        function setOptions(options) {
+            polygonControl.handler.setOptions(options);
+        }
+        function setSize(fraction) {
+            var radius = fraction * map.getExtent().getHeight();
+            polygonControl.handler.setOptions({radius: radius,
+                                               angle: 0});
+        }
+    </script>
+  </head>
+  <body onload="init()">
+    <h2>OpenLayers Regular Polygon Example</h2>
+    <div id="map"></div>
+    <div id="config">
+        
+        <ul id="controls"><b>Map Controls</b>
+            <li>
+                <input type="radio" name="type"
+                       value="none" id="noneToggle"
+                       onclick="polygonControl.deactivate()"
+                       checked="checked" />
+                <label for="noneToggle">navigate</label>
+            </li>
+            <li>
+                <input type="radio" name="type"
+                       value="polygon" id="polygonToggle"
+                       onclick="polygonControl.activate()" />
+                <label for="polygonToggle">draw polygon</label>
+            </li>
+        </ul>
+        <table id="options">
+            <tbody>
+                <tr>
+                    <th>Draw Option</th>
+                    <th>Value</th>
+                </tr>
+                <tr>
+                    <td>
+                        shape
+                    </td>
+                    <td>
+                        <select name="sides"
+                                onchange="setOptions({sides: parseInt(this.value)})">
+                            <option value="3">triangle</option>
+                            <option value="4" selected="selected">square</option>
+                            <option value="5">pentagon</option>
+                            <option value="6">hexagon</option>
+                            <option value="40">circle</option>
+                        </select>
+                    </td>
+                </tr>
+                <tr>
+                    <td>
+                        snap angle
+                    </td>
+                    <td>
+                        <select name="angle"
+                                onchange="setOptions({snapAngle: parseFloat(this.value)})">
+                            <option value="" selected="selected">no snap</option>
+                            <option value="15">15&deg;</option>
+                            <option value="45">45&deg;</option>
+                            <option value="90">90&deg;</option>
+                        </select>
+                    </td>
+                </tr>
+                <tr>
+                    <td>
+                        size
+                    </td>
+                    <td>
+                        <select name="size"
+                                onchange="setSize(parseFloat(this.value))">
+                            <option value="" selected="selected">variable</option>
+                            <option value="0.1">small</option>
+                            <option value="0.2">medium</option>
+                            <option value="0.4">large</option>
+                        </select>
+                    </td>
+                </tr>
+            </tbody>
+        </table>
+    </div>
+    <p>
+        Regular polygons can be drawn by pointing a DrawFeature control to the
+        RegularPolygon handler class.  The options above demonstrate how the
+        handler can be configured.  Note if you are in angle snapping mode (if
+        the snap angle is non-null) and you hold down the <b>Shift</b> key, you
+        will toggle to non-snapping mode.
+    </p>
+  </body>
+</html>

examples/resize-features.html

@@ -0,0 +1,92 @@
+<html xmlns="http://www.w3.org/1999/xhtml">
+  <head>
+    <title>OpenLayers Resize Features Example</title>
+    <style type="text/css">
+        #map {
+            width: 500px;
+            height: 350px;
+            border: 1px solid #ccc;
+        }
+        p {
+            width: 500px;
+        }
+    </style>
+    <script src="../lib/OpenLayers.js"></script>
+    <script type="text/javascript">
+        var map, vectorLayer, pointFeature, lineFeature, polygonFeature;
+
+        function init(){
+            map = new OpenLayers.Map('map');
+            var layer = new OpenLayers.Layer.WMS( "OpenLayers WMS", 
+                    "http://labs.metacarta.com/wms/vmap0", {layers: 'basic'} );
+            map.addLayer(layer);
+            
+            var style_blue = OpenLayers.Util.extend({}, OpenLayers.Feature.Vector.style['default']);
+            style_blue.strokeColor = "blue"; 
+            style_blue.fillColor = "blue"; 
+            var style_green = {
+                strokeColor: "#339933",
+                strokeOpacity: 1,
+                strokeWidth: 3,
+                pointRadius: 6,
+                pointerEvents: "visiblePainted"
+            };
+            
+            vectorLayer = new OpenLayers.Layer.Vector("Simple Geometry");
+            
+            // create a point feature
+            var point = new OpenLayers.Geometry.Point(-110, 45);
+            pointFeature = new OpenLayers.Feature.Vector(point, null, style_blue);
+            
+            // create a line feature from a list of points
+            var pointList = [];
+            var newPoint = point;
+            for(var p=0; p<5; ++p) {
+                newPoint = new OpenLayers.Geometry.Point(newPoint.x + Math.random(1),
+                                                         newPoint.y + Math.random(1));
+                pointList.push(newPoint);
+            }
+            lineFeature = new OpenLayers.Feature.Vector(
+                new OpenLayers.Geometry.LineString(pointList),null,style_green);
+            
+            // create a polygon feature from a linear ring of points
+            var pointList = [];
+            for(var p=0; p<6; ++p) {
+                var a = p * (2 * Math.PI) / 7;
+                var r = Math.random(1) + 1;
+                var newPoint = new OpenLayers.Geometry.Point(point.x + (r * Math.cos(a)),
+                                                             point.y + (r * Math.sin(a)));
+                pointList.push(newPoint);
+            }
+            pointList.push(pointList[0]);
+            
+            var linearRing = new OpenLayers.Geometry.LinearRing(pointList);
+            polygonFeature = new OpenLayers.Feature.Vector(
+                new OpenLayers.Geometry.Polygon([linearRing]));
+                
+            
+            map.addLayer(vectorLayer);
+            map.setCenter(new OpenLayers.LonLat(point.x, point.y), 5);
+            vectorLayer.addFeatures([pointFeature, lineFeature, polygonFeature]);
+            
+        }
+
+        var origin = new OpenLayers.Geometry.Point(-111.04, 45.68);
+        function resizeFeatures(scale) {
+            pointFeature.geometry.resize(scale, origin);
+            lineFeature.geometry.resize(scale, origin);
+            polygonFeature.geometry.resize(scale, origin);
+            vectorLayer.redraw();
+        }
+
+    </script>
+  </head>
+  <body onload="init()">
+    <div id="map"></div>
+    <p>This example demonstrates how features can be resized.  There is not yet
+    a control built that provides a tool for resizing, but the geometry.resize
+    method can be accessed to resize programmatically.</p>
+    <p>Make the features <a href="javascript: resizeFeatures(1.5);">bigger</a>
+    or <a href="javascript: resizeFeatures(1 / 1.5);">smaller</a>.
+  </body>
+</html>

examples/restricted-extent.html

@@ -0,0 +1,70 @@
+<html xmlns="http://www.w3.org/1999/xhtml">
+  <head>
+    <style type="text/css">
+        #map {
+            width: 512px;
+            height: 256px;
+            border: 1px solid #ccc;
+        }
+    </style>
+    <script src="../lib/Firebug/firebug.js"></script>
+    <script src="../lib/OpenLayers.js"></script>
+    <script type="text/javascript">
+        var map = null;
+        var extent = new OpenLayers.Bounds(-180, -90, 180, 90);
+
+        function init() {
+            var options = {
+                restrictedExtent: extent
+            }
+            map = new OpenLayers.Map('map', options);
+
+            var wms = new OpenLayers.Layer.WMS(
+                "OpenLayers WMS", 
+                "http://labs.metacarta.com/wms/vmap0?",
+                {layers: 'basic'}
+            ); 
+
+            map.addLayers([wms]);
+            map.setCenter(extent, 1);
+            document.getElementById("toggle").checked = true;
+        }
+        
+        function toggleRestrictedExtent() {
+            if(map.restrictedExtent == null) {
+                map.setOptions({restrictedExtent: extent});
+            } else {
+                map.setOptions({restrictedExtent: null});
+            }
+        }
+    </script>
+  </head>
+  <body onload="init()">
+    <h3>OpenLayers Restricted Extent Example</h3>
+    <div id="map"></div>
+    <p>
+        Map navigation is limited by a combination of map and layer properties.
+        The base layer resolutions array controls the resolutions (or zoom
+        levels) available.  The resolutions can be limited by setting a
+        maxResolution property or by explicitly specifying a resolutions
+        array.
+    </p>
+    <p>
+        Navigation limited by the maxExtent property.  A map cannot be panned
+        so that the center of the viewport is outside of the bounds specified
+        in maxExtent.  If you wish to further restrict panning, use the
+        restrictedExtent property.  With restrictedExtent set, the map cannot
+        be panned beyond the given bounds.  If the maxResolution allows the
+        map to be zoomed to a resolution that displays an area bigger than
+        the restrictedExtent, the viewport will remain centered on the
+        restrictedExtent.
+    </p>
+    <p>
+        <input type="checkbox" id="toggle" checked="checked"
+               onclick="toggleRestrictedExtent();" />
+        <label for="toggle">
+            Toggle restricted extent (to [-180, -90, 180, 90]).
+        </label>
+    
+  </body>
+</html>

examples/rotate-features.html

@@ -0,0 +1,103 @@
+<html xmlns="http://www.w3.org/1999/xhtml">
+  <head>
+    <title>OpenLayers Rotate Features Example</title>
+    <style type="text/css">
+        #map {
+            width: 500px;
+            height: 350px;
+            border: 1px solid #ccc;
+        }
+        p {
+            width: 500px;
+        }
+    </style>
+    <script src="../lib/OpenLayers.js"></script>
+    <script type="text/javascript">
+        var map, pointFeature, lineFeature, polygonFeature;
+
+        function init(){
+            map = new OpenLayers.Map('map');
+            var layer = new OpenLayers.Layer.WMS( "OpenLayers WMS", 
+                    "http://labs.metacarta.com/wms/vmap0", {layers: 'basic'} );
+            map.addLayer(layer);
+            
+            var style_blue = OpenLayers.Util.extend({}, OpenLayers.Feature.Vector.style['default']);
+            style_blue.strokeColor = "blue"; 
+            style_blue.fillColor = "blue"; 
+            var style_green = {
+                strokeColor: "#339933",
+                strokeOpacity: 1,
+                strokeWidth: 3,
+                pointRadius: 6,
+                pointerEvents: "visiblePainted"
+            };
+            
+            var vectorLayer = new OpenLayers.Layer.Vector("Simple Geometry");
+            
+            // create a point feature
+            var point = new OpenLayers.Geometry.Point(-110, 45);
+            pointFeature = new OpenLayers.Feature.Vector(point, null, style_blue);
+            
+            // create a line feature from a list of points
+            var pointList = [];
+            var newPoint = point;
+            for(var p=0; p<5; ++p) {
+                newPoint = new OpenLayers.Geometry.Point(newPoint.x + Math.random(1),
+                                                         newPoint.y + Math.random(1));
+                pointList.push(newPoint);
+            }
+            lineFeature = new OpenLayers.Feature.Vector(
+                new OpenLayers.Geometry.LineString(pointList),null,style_green);
+            
+            // create a polygon feature from a linear ring of points
+            var pointList = [];
+            for(var p=0; p<6; ++p) {
+                var a = p * (2 * Math.PI) / 7;
+                var r = Math.random(1) + 1;
+                var newPoint = new OpenLayers.Geometry.Point(point.x + (r * Math.cos(a)),
+                                                             point.y + (r * Math.sin(a)));
+                pointList.push(newPoint);
+            }
+            pointList.push(pointList[0]);
+            
+            var linearRing = new OpenLayers.Geometry.LinearRing(pointList);
+            polygonFeature = new OpenLayers.Feature.Vector(
+                new OpenLayers.Geometry.Polygon([linearRing]));
+                
+            
+            map.addLayer(vectorLayer);
+            map.setCenter(new OpenLayers.LonLat(point.x, point.y), 5);
+            vectorLayer.addFeatures([pointFeature, lineFeature, polygonFeature]);
+            
+            // start rotating
+            var origin = new OpenLayers.Geometry.Point(-111.04, 45.68);
+            var style = {
+                strokeColor: "#666666",
+                strokeOpacity: 1,
+                strokeWidth: 1,
+                pointRadius: 2,
+                pointerEvents: "visiblePainted"
+            };
+            var center = new OpenLayers.Feature.Vector(origin, null, style);
+            vectorLayer.addFeatures([center]);
+            window.setInterval(rotateFeature, 100,
+                               pointFeature, 360 / 20, origin);
+            window.setInterval(rotateFeature, 100,
+                               lineFeature, 360 / 40, origin);
+            window.setInterval(rotateFeature, 100,
+                               polygonFeature, -360 / 20, origin);
+        }
+
+        function rotateFeature(feature, angle, origin) {
+            feature.geometry.rotate(angle, origin);
+            feature.layer.drawFeature(feature);
+        }
+    </script>
+  </head>
+  <body onload="init()">
+    <div id="map"></div>
+    <p>This example shows a few features rotating.  There is not yet a control
+    built that provides a tool for rotating, but the geometry.rotate method
+    can be accessed to rotate programmatically.</p>
+  </body>
+</html>

examples/scroll.html

@@ -1,151 +0,0 @@
-
-<!DOCTYPE html
-    PUBLIC "-//W3C//DTD XHTML 1.0 Strict//EN"
-        "http://www.w3.org/TR/xhtml1/DTD/xhtml1-strict.dtd">
-<html xmlns="http://www.w3.org/1999/xhtml" lang="en" xml:lang="en">
-<head>
-  <title>OpenLayers: Home</title>
-  <link rel="stylesheet" href="http://openlayers.org/common.css" type="text/css" />
-  <link rel="stylesheet" href="http://trac.openlayers.org/chrome/common/css/trac.css" type="text/css" />
-  <link rel="stylesheet" href="http://trac.openlayers.org/chrome/common/css/wiki.css" type="text/css" />
-  <link rel="stylesheet" href="http://trac.openlayers.org/chrome/common/css/tracnav.css" type="text/css" />
-  <link rel="stylesheet" href="http://openlayers.org/website.css" type="text/css" />
-  <script type="text/javascript" src="//trac.openlayers.org/chrome/common/js/trac.js"></script>
-  <!--[if lt IE 7]>
-  <script defer="defer" type="text/javascript" src="/pngfix.js"></script>
-  <![endif]-->
-</head>
-<body>
-
-<div id="olbanner">
-<img class="openlayersbannerimg" src="http://www.openlayers.org/images/OpenLayers.trac.png" style="height: 44px; width: 49px" border="0" alt="OpenLayers" />
-<a class="openlayersbanner" href="http://www.openlayers.org/" >
-OpenLayers</a>
-</div>
-<div id="navcontainer">
-<a class="navtabtraccurrent" href="http://www.openlayers.org">Home</a>
-<a class="navtab" href="http://trac.openlayers.org">Support &amp; Development</a>
-</div>
-
-
-<div id="mainnav" class="nav"><ul><li class="first"><a href="http://trac.openlayers.org/wiki" accesskey="1">Wiki</a></li><li><a href="/QuickTutorial" accesskey="2">Tutorial</a></li><li><a href="http://trac.openlayers.org/wiki/HowToDownload" accesskey="3">Download</a></li><li><a href="/gallery">Gallery</a></li><li><a href="/EmailLists">Email Lists</a></li></ul></div>
-
-
-  <div id="main">
-    <div id="mapFrame">
-      <div id="map"></div>
-      <div align="center"><b>Put an open map widget in any web page!</b></div>
-      <div align="center">
-        Double-click to zoom in, and drag to pan. Hold down the shift key
-        and drag to zoom to a particular region.
-      </div>
-    </div>
-    <h3>Get OpenLayers Now</h3>
-    <p>
-    Latest stable release: <a href="/api/2/OpenLayers.js">Link to the hosted version</a> | <a href="/download/OpenLayers-2.0.tar.gz">OpenLayers-2.0.tar.gz</a> | <a href="/doc/reference.html">Class Documentation</a> |  <a href="/gallery/">See Screenshots</a> 
-    </p>
-    <p><b>Latest Development Release</b>: Test out OpenLayers 2.1-RC2! <a href="/api/2.1-rc2/OpenLayers.js">Link to 2.1-RC2 Hosted Version</a>.</p>   
-   <p><b>FOSS4G</b>: Was the FOSS4G presentation too early for you this morning? The presentation is <a href="http://openlayers.org/presentations/foss4g2006/openlayers.odp">available in Open Office Impress format</a>, and the examples are <a href="http://openlayers.org/presentations/foss4g2006/examples/">available as well</a>.</p>  
-    <h3>About...</h3>
-    <p>OpenLayers makes it easy to put a dynamic map in any web page.  It can
-display map tiles and markers loaded from any source.    <a
-href="http://www.metacarta.com/">MetaCarta</a> developed the initial version of
-OpenLayers and gave it to the public to further the use of geographic
-information of all kinds.  OpenLayers is 
-completely free, Open Source JavaScript, released under the BSD License.</p>
-
-    <h3>Put a map in your page.</h3>
-    <p>We've released a Map Viewer Service that lets you put a map in your page easily.  Just put this HTML in your page:</p>
-    <pre>
-      &lt;iframe src="http://openlayers.org/viewer/"
-        width="400px" height="200px"
-        scrolling="no"
-        marginwidth="0" marginheight="0"
-        frameborder="0"&gt;
-      &lt;/iframe&gt;</pre>
-
-<p>Read more examples in the <a href="QuickTutorial">20-second tutorial</a>.  The visual appearance of the MapViewer is not yet stable.  If you like it, please join the <a href="EmailLists">users' email list</a> and tell us about your use.</p>
-
-    <h3>For Developers!</h3>
-<p>OpenLayers is a pure JavaScript library for displaying map data in most
-modern web browsers, with no server-side dependencies. OpenLayers implements a
-(still-developing) <a href="//trac.openlayers.org/wiki/Documentation">JavaScript
-API</a> for building rich web-based geographic applications, similar to the
-Google Maps and MSN Virtual Earth APIs, with one important difference --
-OpenLayers is Free Software, developed for and by the Open Source software
-community.</p>
-
-<p>Furthermore, OpenLayers implements industry-standard methods for geographic
-data access, such as the OpenGIS Consortium's Web Mapping Service (WMS) and Web
-Feature Service (WFS) protocols. Under the hood, OpenLayers is written in
-object-oriented JavaScript, using <a
-href="//prototype.conio.net/">Prototype.js</a> and components from the <a
-href="//openrico.org/">Rico<a> library. The OpenLayers code base already has
-hundreds of <a href="/dev/tests/run-tests.html">unit tests</a>, via the <a
-href="http://straytree.com/TestAnotherWay/doc/index.html">Test.AnotherWay</a> 
-framework.</p>
-
-<p>As a framework, OpenLayers is intended to separate map <i>tools</i> from map
-<i>data</i> so that all the tools can operate on all the data sources.  This
-separation breaks the proprietary silos that earlier GIS revolutions have
-taught civilization to avoid.  The mapping revolution on the public Web should
-benefit from the experience of history.</p>
-
-    <h3>Getting the Code</h3>
-
-<p>Releases are made available on the <a href="/download/">downloads</a> page.
-Additionally, if you wish to use OpenLayers in a web application, you can 
-include 
-  <tt>
-    <a href="http://www.openlayers.org/api/OpenLayers.js">http://www.openlayers.org/api/OpenLayers.js</a>
-   </tt> in your page, to always get the latest release.</p>
-
-<p> The code is also available in our
-<a href="//trac.openlayers.org/wiki/HowToDownload">Subversion repository</a>.
-Using Subversion, you can keep up to the absolute bleeding edge of the code.
-If you wish to report a bug in the API, and you are able to use Subversion, 
-please see if the bug has been fixed in Subversion first: OpenLayers is
-under rapid development, so things change quickly.
-</p>
-
-<p>If you don't have Subversion or don't want to download the code, you can
-still try some <a href="/dev/examples/">live examples</a> on
-openlayers.org. If you're familiar with JavaScript, try viewing the source
-of the examples to get an idea how the OpenLayers library is used.</p>
-
-<p>OpenLayers is still undergoing rapid development, so expect a lot to change
-in the next few weeks and months. We need your support! Please check the <a
-href="//trac.openlayers.org">wiki</a> for the very latest updates and
-documentation, and thank you for taking an interest.</p> 
-
-  </div>
-  <script type="text/javascript" src="../lib/OpenLayers.js"></script>
-  <script type="text/javascript">
-        <!--
-            var map = new OpenLayers.Map('map');
-
-            var ol_wms = new OpenLayers.Layer.WMS( "World Map", 
-                "http://labs.metacarta.com/wms/vmap0?",
-                 {layers: 'basic'} );
-
-            var jpl_wms = new OpenLayers.Layer.KaMap( "Satellite",
-                    "/world/index.php", {g: "satellite", map: "world"});
-            var dm_wms = new OpenLayers.Layer.WMS( "Canada",
-                "http://www2.dmsolutions.ca/cgi-bin/mswms_gmap",
-                {layers: "bathymetry,land_fn,park,drain_fn,drainage," +
-                         "prov_bound,fedlimit,rail,road,popplace",
-                 transparent: "true", format: "image/png" });
-
-            dm_wms.setVisibility(false);
-
-            map.addLayers([ol_wms, jpl_wms, dm_wms]);
-            map.addControl(new OpenLayers.Control.LayerSwitcher());
-            map.zoomToMaxExtent();
-        // -->
-    </script>
-  <div id="sidebar"></div>
-  <div id="footer"></div>
-</div>
-  </body>
-</html>
-

examples/select-feature-openpopup.html

@@ -0,0 +1,95 @@
+<html xmlns="http://www.w3.org/1999/xhtml">
+  <head>
+    <style type="text/css">
+        #map {
+            width: 800px;
+            height: 350px;
+            border: 1px solid gray;
+        }
+        #controlToggle li {
+            list-style: none;
+        }
+    </style>
+    <script src="../lib/OpenLayers.js"></script>
+    <script type="text/javascript">
+        var map, drawControls, select;
+        function onFeatureSelect(feature) {
+            popup = new OpenLayers.Popup.Anchored("chicken", 
+                                     feature.geometry.getBounds().getCenterLonLat(),
+                                     new OpenLayers.Size(250,75),
+                                     "<div style='font-size:.8em'>Feature: " + feature.id +"<br />Area: " + feature.geometry.getArea()+"</div>",
+                                     null, true);
+            feature.popup = popup;
+            map.addPopup(popup);
+        }
+        function onFeatureUnselect(feature) {
+            map.removePopup(feature.popup);
+            feature.popup.destroy();
+            feature.popup = null;
+        }    
+        function init(){
+            map = new OpenLayers.Map('map');
+            var wmsLayer = new OpenLayers.Layer.WMS( "OpenLayers WMS", 
+                "http://labs.metacarta.com/wms/vmap0?", {layers: 'basic'}); 
+
+            var polygonLayer = new OpenLayers.Layer.Vector("Polygon Layer");
+
+            map.addLayers([wmsLayer, polygonLayer]);
+            map.addControl(new OpenLayers.Control.LayerSwitcher());
+            map.addControl(new OpenLayers.Control.MousePosition());
+            
+            drawControls = {
+                polygon: new OpenLayers.Control.DrawFeature(polygonLayer,
+                            OpenLayers.Handler.Polygon),
+                select: new OpenLayers.Control.SelectFeature(polygonLayer,
+                {onSelect: onFeatureSelect,
+                 onUnselect: onFeatureUnselect
+                })
+            };
+            
+            for(var key in drawControls) {
+                map.addControl(drawControls[key]);
+            }
+
+            
+            map.setCenter(new OpenLayers.LonLat(0, 0), 3);
+
+        }
+
+        function toggleControl(element) {
+            for(key in drawControls) {
+                var control = drawControls[key];
+                if(element.value == key && element.checked) {
+                    control.activate();
+                } else {
+                    control.deactivate();
+                }
+            }
+        }
+    </script>
+  </head>
+  <body onload="init()">
+    <h1>OpenLayers Draw Feature Example</h1>
+    <div id="map"></div>
+    <ul id="controlToggle">
+        <li>
+            <input type="radio" name="type" value="none" id="noneToggle"
+                   onclick="toggleControl(this);" checked="checked" />
+            <label for="noneToggle">navigate</label>
+        </li>
+        <li>
+            <input type="radio" name="type" value="polygon" id="polygonToggle"
+                   onclick="toggleControl(this);" />
+            <label for="polygonToggle">draw polygon</label>
+        </li>
+        <li>
+            <input type="radio" name="type" value="select" id="selectToggle"
+                   onclick="toggleControl(this);" />
+            <label for="selectToggle">select polygon on click</label>
+        </li>
+    </ul>       
+    <p>It is possible to use the onSelect/onUnselect hooks on the SelectFeature
+       to do fun things -- like open a popup.
+    </p>   
+  </body>
+</html>

examples/select-feature.html

@@ -12,7 +12,6 @@
     </style>
     <script src="../lib/OpenLayers.js"></script>
     <script type="text/javascript">
-        <!--
         var map, drawControls, select;
         function init(){
             map = new OpenLayers.Map('map');
@@ -50,7 +49,6 @@
                 }
             }
         }
-        // -->
     </script>
   </head>
   <body onload="init()">

examples/spherical-mercator.html

@@ -0,0 +1,129 @@
+<html xmlns="http://www.w3.org/1999/xhtml">
+  <head>
+    <style type="text/css">
+        #map {
+            width: 100%;
+            height: 512px;
+            border: 1px solid gray;
+        }
+    </style>
+
+    <script src='http://dev.virtualearth.net/mapcontrol/v3/mapcontrol.js'></script>
+    <script src='http://maps.google.com/maps?file=api&amp;v=2&amp;key=ABQIAAAAjpkAC9ePGem0lIq5XcMiuhR_wWLPFku8Ix9i2SXYRVK3e45q1BQUd_beF8dtzKET_EteAjPdGDwqpQ'></script>
+    <script src="http://api.maps.yahoo.com/ajaxymap?v=3.0&appid=euzuro-openlayers"></script>
+
+    <script src="../lib/OpenLayers.js"></script>
+    <script type="text/javascript">
+ 
+        // make map available for easy debugging
+        var map;
+
+        // avoid pink tiles
+        OpenLayers.IMAGE_RELOAD_ATTEMPTS = 3;
+        OpenLayers.Util.onImageLoadErrorColor = "transparent";
+
+        function init(){
+            var options = {
+                projection: "EPSG:900913",
+                units: "m",
+                maxResolution: 156543.0339,
+                maxExtent: new OpenLayers.Bounds(-20037508, -20037508,
+                                                 20037508, 20037508.34)
+            };
+            map = new OpenLayers.Map('map', options);
+
+            // create Google Mercator layers
+            var gmap = new OpenLayers.Layer.Google(
+                "Google Streets",
+                {'sphericalMercator': true}
+            );
+            var gsat = new OpenLayers.Layer.Google(
+                "Google Sattelite",
+                {type: G_SATELLITE_MAP, 'sphericalMercator': true}
+            );
+            var ghyb = new OpenLayers.Layer.Google(
+                "Google Hybrid",
+                {type: G_HYBRID_MAP, 'sphericalMercator': true}
+            );
+
+            // create Virtual Earth layers
+            var veroad = new OpenLayers.Layer.VirtualEarth(
+                "Virtual Earth Raods",
+                {'type': VEMapStyle.Road, 'sphericalMercator': true}
+            ); 
+            var veaer = new OpenLayers.Layer.VirtualEarth(
+                "Virtual Earth Aerial",
+                {'type': VEMapStyle.Aerial, 'sphericalMercator': true}
+            ); 
+            var vehyb = new OpenLayers.Layer.VirtualEarth(
+                "Virtual Earth Hybrid",
+                {'type': VEMapStyle.Hybrid, 'sphericalMercator': true}
+            ); 
+
+            // create Yahoo layer
+            var yahoo = new OpenLayers.Layer.Yahoo(
+                "Yahoo Street",
+                {'sphericalMercator': true}
+            );
+            var yahoosat = new OpenLayers.Layer.Yahoo(
+                "Yahoo Sattelite",
+                {'type': YAHOO_MAP_SAT, 'sphericalMercator': true}
+            );
+            var yahoohyb = new OpenLayers.Layer.Yahoo(
+                "Yahoo Hybrid",
+                {'type': YAHOO_MAP_HYB, 'sphericalMercator': true}
+            );
+
+            // create OSM layer
+            var mapnik = new OpenLayers.Layer.TMS(
+                "OpenStreetMap",
+                "http://tile.openstreetmap.org/",
+                {
+                    type: 'png', getURL: osm_getTileURL,
+                    displayOutsideMaxExtent: true
+                }
+            );
+
+            // create WMS layer
+            var wms = new OpenLayers.Layer.WMS(
+                "World Map",
+                "http://world.freemap.in/tiles/",
+                {'layers': 'factbook-overlay', 'format':'png'},
+                {
+                    'reproject': false, 'opacity': 0.4,
+                    'isBaseLayer': false,'wrapDateLine': true
+                }
+            );
+
+            // create a vector layer for drawing
+            var vector = new OpenLayers.Layer.Vector("Editable Vectors");
+            
+            map.addLayers([gmap, gsat, ghyb, veroad, veaer, vehyb,
+                           yahoo, yahoosat, yahoohyb, mapnik, wms]);
+            map.addControl(new OpenLayers.Control.LayerSwitcher());
+            map.addControl(new OpenLayers.Control.EditingToolbar(vector));
+            map.zoomToMaxExtent()
+        }
+
+        function osm_getTileURL(bounds) {
+            var res = this.map.getResolution();
+            var x = Math.round((bounds.left - this.maxExtent.left) / (res * this.tileSize.w));
+            var y = Math.round((this.maxExtent.top - bounds.top) / (res * this.tileSize.h));
+            var z = this.map.getZoom();
+            var limit = Math.pow(2, z);
+            
+            if (y < 0 || y >= limit) {
+                return OpenLayers.Util.getImagesLocation() + "404.png";
+            } else {
+                x = ((x % limit) + limit) % limit;            
+                return this.url + z + "/" + x + "/" + y + "." + this.type;
+            }
+        }
+        
+    </script>
+  </head>
+  <body onload="init()">
+    <h3>OpenLayers Spherical Mercator Example</h3>
+    <div id="map"></div>
+  </body>
+</html>

examples/tiger.html

@@ -1,36 +0,0 @@
-<html xmlns="http://www.w3.org/1999/xhtml">
-  <head>
-    <style type="text/css">
-        #map {
-            width: 700px;
-            height: 512px;
-            border: 1px solid black;
-        }
-    </style>
-    <script src="../lib/OpenLayers.js"></script>
-    <script type="text/javascript">
-        <!--
-        function init(){
-            var map = new OpenLayers.Map('map', {'maxResolution': 1.40625/4, controls:[]});
-
-            var ka_wms = new OpenLayers.Layer.KaMap( "TIGER (KaMap)", 
-                "http://boston.freemap.in/tile.php" , { map: 'tiger', layers: 'TIGER' });
-            var jpl_wms = new OpenLayers.Layer.WMS( "NASA Global Mosaic",
-                "http://wms.jpl.nasa.gov/wms.cgi", 
-                {layers: "modis,global_mosaic"});
-            jpl_wms.setVisibility(false);
-            ka_wms.addOptions({isBaseLayer: false});
-            map.addLayers([jpl_wms,ka_wms]); 
-            map.addControl(new OpenLayers.Control.LayerSwitcher());
-            map.addControl(new OpenLayers.Control.MouseToolbar());
-            map.addControl(new OpenLayers.Control.PanZoomBar());
-            map.setCenter(new OpenLayers.LonLat(-96, 35), 2);
-        }
-        // -->
-    </script>
-  </head>
-  <body onload="init()">
-    <h1>OpenLayers Example</h1>
-    <div id="map"></div>
-  </body>
-</html>

examples/tilecache.html

@@ -0,0 +1,55 @@
+<html xmlns="http://www.w3.org/1999/xhtml">
+  <head>
+    <style type="text/css">
+        html, body {
+            height: 100%;
+            margin: 0;
+            padding: 0;
+        }
+        #map {
+            width: 100%;
+            height: 100%;
+        }
+        #title {
+            position: absolute;
+            left: 1em;
+            bottom: 1em;
+            z-index: 5000;
+        }
+    </style>
+    <script src="../lib/OpenLayers.js"></script>
+    <script type="text/javascript">
+        var map, layer;
+        function init(){
+            map = new OpenLayers.Map( $('map'));
+            layer = new OpenLayers.Layer.TileCache("TileCache Layer",
+                    ["http://c0.labs.metacarta.com/wms-c/cache/",
+                     "http://c1.labs.metacarta.com/wms-c/cache/",
+                     "http://c2.labs.metacarta.com/wms-c/cache/",
+                     "http://c3.labs.metacarta.com/wms-c/cache/",
+                     "http://c4.labs.metacarta.com/wms-c/cache/"],
+                    "basic");
+            map.addLayer(layer);
+            map.setCenter(new OpenLayers.LonLat(0, 0), 0);
+        }
+
+        OpenLayers.Util.onImageLoadError = function() {
+            /**
+             * For images that don't exist in the cache, you can display
+             * a default image - one that looks like water for example.
+             * To show nothing at all, leave the following lines commented out.
+             */
+
+            //this.src = "../img/blank.gif";
+            //this.style.display = "";
+        };
+    </script>
+  </head>
+  <body onload="init()">
+    <div id="map">
+    <div id="title">
+        <b>OpenLayers (Read-Only) TileCache Example</b>
+        <br />from a web accessible disk-based cache only
+    </div>
+  </body>
+</html>

examples/tms.html

@@ -9,7 +9,6 @@
     </style>
     <script src="../lib/OpenLayers.js"></script>
     <script type="text/javascript">
-        <!--
         var lon = 5;
         var lat = 40;
         var zoom = 5;
@@ -34,12 +33,17 @@
             map.addLayer(l);
             map.setBaseLayer(l);
         }  
-        // -->
     </script>
   </head>
   <body onload="init()">
-    URL of TMS (Should end in /): <input type="text" id="url" size="60" /> layer_name <input type="text" id="layer" /> <select id="type"><option>png</option><option>jpg</option></select> <input type="submit" onclick="addTMS()"/><br />
-    Example: http://mapserver.refractions.net/cgi-bin/tms/, global_mosaic, jpg
+    URL of TMS (Should end in /): <input type="text" id="url" size="60" value="http://labs.metacarta.com/wms-c/Basic.py/" /> layer_name <input type="text" id="layer" value="satellite" /> <select id="type"><option>jpg</option><option>png</option></select> <input type="submit" onclick="addTMS()"/><br />
+    <p>
+    Example: http://labs.metacarta.com/wms-c/Basic.py/, satellite, jpg<br />
+    The first input must be an HTTP URL pointing to a TMS instance. The second
+    input must be a layer name available from that instance, and the third must
+    be the output format used by that layer. (Any other behavior will result in
+    broken images being displayed.)
+    </p>
     <div id="map"></div>
   </body>
 </html>

examples/urban.html

@@ -9,24 +9,20 @@
     </style>
     <script src="../lib/OpenLayers.js"></script>
     <script type="text/javascript">
-        <!--
+        var map;
         function init(){
             var mapOptions = { maxResolution: 1.6, numZoomLevels: 21};
-            var map = new OpenLayers.Map('map', mapOptions);
+            map = new OpenLayers.Map('map', mapOptions);
             
-            var ol_wms = new OpenLayers.Layer.WMS( "OpenLayers WMS", 
-                "http://labs.metacarta.com/wms/vmap0?", {layers: 'basic'} );
-
             var ww = new OpenLayers.Layer.WorldWind( "Urban", 
                 "http://worldwind25.arc.nasa.gov/tile/tile.aspx?", .8, 9,
                 {T:"104"}, { tileSize: new OpenLayers.Size(512,512) });
 
 
-            map.addLayers([ol_wms, ww]);
+            map.addLayers([ww]);
             map.addControl(new OpenLayers.Control.LayerSwitcher());
-            map.setCenter(new OpenLayers.LonLat(-71.4, 42.3), 6);
+            map.setCenter(new OpenLayers.LonLat(-71.446875, 41.73515625), 15);
         }
-        // -->
     </script>
   </head>
   <body onload="init()">

examples/ve.html

@@ -13,7 +13,6 @@
 
     <script src="../lib/OpenLayers.js"></script>
     <script type="text/javascript">
-        <!--
  
         var lon = 5;
         var lat = 40;
@@ -33,7 +32,8 @@
                         { map: '/www/freemap.in/world/map/factbooktrans.map', 
                           transparent:'true',
                           layers: 'factbook', 
-                          'format':'png'} );
+                          'format':'png'},
+                          {'reproject': true});
             map.addLayer(twms);
             
             markers = new OpenLayers.Layer.Markers("markers");
@@ -53,7 +53,6 @@
         function remove() {
             markers.removeMarker(marker);
         }
-  // -->
     </script>
   </head>
   <body onload="init()">

examples/vector-features.html

@@ -7,22 +7,70 @@
             border: 1px solid black;
         }
     </style>
-    <script src="../lib/OpenLayers.js"></script>
-    <script src="../lib/Firebug/debug.js"></script>
+    <script src="../lib/OpenLayers.js" type="text/javascript"></script>
     <script type="text/javascript">
-        <!--
         var map;
 
         function init(){
-            map = new OpenLayers.Map( $('map') );
+            map = new OpenLayers.Map('map');
             var layer = new OpenLayers.Layer.WMS( "OpenLayers WMS", 
                     "http://labs.metacarta.com/wms/vmap0", {layers: 'basic'} );
             map.addLayer(layer);
-            var vectorLayer = new OpenLayers.Layer.Vector("Simple Geometry");
+
+            /*
+             * Layer style
+             */
+            // we want opaque external graphics and non-opaque internal graphics
+            var layer_style = OpenLayers.Util.extend({}, OpenLayers.Feature.Vector.style['default']);
+            layer_style.fillOpacity = 0.2;
+            layer_style.graphicOpacity = 1;
+            
+            /*
+             * Blue style
+             */
+            var style_blue = OpenLayers.Util.extend({}, layer_style);
+            style_blue.strokeColor = "blue"; 
+            style_blue.fillColor = "blue"; 
+            style_blue.externalGraphic = "../img/marker.png";
+            // each of the three lines below means the same, if only one of
+            // them is active: the image will have a size of 24px, and the
+            // aspect ratio will be kept
+            style_blue.pointRadius = 12;
+            //style_blue.graphicWidth = 24;
+            //style_blue.graphicHeight = 24;
+            
+            /*
+             * Green style
+             */
+            var style_green = {
+                strokeColor: "#00FF00",
+                strokeOpacity: 1,
+                strokeWidth: 3,
+                pointRadius: 6,
+                pointerEvents: "visiblePainted"
+            };
+
+            /*
+             * Mark style
+             */
+            var style_mark = OpenLayers.Util.extend({}, OpenLayers.Feature.Vector.style['default']);
+            // if graphicWidth and graphicHeight are both set, the aspect ratio
+            // of the image will be ignored
+            style_mark.graphicWidth = 24;
+            style_mark.graphicHeight = 20;
+            style_mark.graphicXOffset = -(style_mark.graphicWidth/2);  // this is the default value
+            style_mark.graphicYOffset = -style_mark.graphicHeight;
+            style_mark.externalGraphic = "../img/marker.png";
+            
+            var vectorLayer = new OpenLayers.Layer.Vector("Simple Geometry", {style: layer_style});
             
             // create a point feature
             var point = new OpenLayers.Geometry.Point(-111.04, 45.68);
-            var pointFeature = new OpenLayers.Feature.Vector(point);
+            var pointFeature = new OpenLayers.Feature.Vector(point,null,style_blue);
+            var point2 = new OpenLayers.Geometry.Point(-105.04, 49.68);
+            var pointFeature2 = new OpenLayers.Feature.Vector(point2,null,style_green);
+            var point3 = new OpenLayers.Geometry.Point(-105.04, 49.68);
+            var pointFeature3 = new OpenLayers.Feature.Vector(point3,null,style_mark);
             
             // create a line feature from a list of points
             var pointList = [];
@@ -33,7 +81,7 @@
                 pointList.push(newPoint);
             }
             var lineFeature = new OpenLayers.Feature.Vector(
-                new OpenLayers.Geometry.LineString(pointList));
+                new OpenLayers.Geometry.LineString(pointList),null,style_green);
             
             // create a polygon feature from a linear ring of points
             var pointList = [];
@@ -53,12 +101,22 @@
             
             map.addLayer(vectorLayer);
             map.setCenter(new OpenLayers.LonLat(point.x, point.y), 5);
-            vectorLayer.addFeatures([pointFeature, lineFeature, polygonFeature]);
+            vectorLayer.addFeatures([pointFeature, pointFeature3, pointFeature2, lineFeature, polygonFeature]);
         }
-        // -->
     </script>
   </head>
   <body onload="init()">
     <div id="map"></div>
+    <p>This example shows drawing simple vector features -- point, line, polygon
+       in different styles, created 'manually', by constructing the entire style
+       object, via 'copy', extending the default style object, and by 
+       inheriting the default style from the layer.</p>
+    <p>It also shows how to use external graphic files for point features
+       and how to set their size: If either graphicWidth or graphicHeight is set,
+       the aspect ratio of the image will be respected. If both graphicWidth and
+       graphicHeight are set, it will be ignored. Alternatively, if graphicWidth
+       and graphicHeight are omitted, pointRadius will be used to set the size
+       of the image, which will then be twice the value of pointRadius with the
+       original aspect ratio.</p>
   </body>
 </html>

examples/vector-formats.html

@@ -0,0 +1,172 @@
+<html xmlns="http://www.w3.org/1999/xhtml">
+  <head>
+    <title>Vector Formats</title>
+    <style type="text/css">
+        html, body {
+            margin: 0;
+            padding: 1em;
+            font: 0.9em Verdana, Arial, sans serif;
+        }
+        input, select, textarea {
+            font: 0.9em Verdana, Arial, sans-serif;
+        }
+        h2 {
+            margin-top: 0.75em;
+            font-size: 1.6em;
+        }
+        #leftcol {
+            position: absolute;
+            top: 0;
+            left: 1em;
+            padding: 0;
+            width: 455px;
+        }
+        #map {
+            width: 450px;
+            height: 225px;
+            border: 1px solid #ccc;
+        }
+        #input {
+            width: 450px;
+        }
+        #text {
+            font-size: 0.85em;
+            margin: 1em 0 1em 0;
+            width: 100%;
+            height: 10em;
+        }
+        #info {
+            position: relative;
+            padding: 2em 0;
+            margin-left: 470px;
+        }
+        #output {
+            font-size: 0.8em;
+            width: 100%;
+            height: 500px;
+            border: 0;
+        }
+        p {
+            margin: 0;
+            padding: 0.75em 0 0.75em 0;
+        }
+    </style>
+    <script src="../lib/Firebug/firebug.js"></script>
+    <script src="../lib/OpenLayers.js"></script>
+    <script type="text/javascript">
+        var map, vectors, formats;
+        function init(){
+            map = new OpenLayers.Map('map');
+            var wms = new OpenLayers.Layer.WMS( "OpenLayers WMS", 
+                "http://labs.metacarta.com/wms/vmap0?", {layers: 'basic'}); 
+
+            vectors = new OpenLayers.Layer.Vector("Vector Layer");
+
+            map.addLayers([wms, vectors]);
+            map.addControl(new OpenLayers.Control.MousePosition());
+            map.addControl(new OpenLayers.Control.EditingToolbar(vectors));
+            
+            var options = {
+                hover: true,
+                onSelect: serialize
+            };
+            var select = new OpenLayers.Control.SelectFeature(vectors, options);
+            map.addControl(select);
+            select.activate();
+            
+            formats = {
+                wkt: new OpenLayers.Format.WKT(),
+                geojson: new OpenLayers.Format.GeoJSON(),
+                georss: new OpenLayers.Format.GeoRSS(),
+                gml: new OpenLayers.Format.GML(),
+                kml: new OpenLayers.Format.KML()
+            };
+            
+            map.setCenter(new OpenLayers.LonLat(0, 0), 1);
+        }
+        
+        function serialize(feature) {
+            var type = document.getElementById("formatType").value;
+            // second argument for pretty printing (geojson only)
+            var pretty = document.getElementById("prettyPrint").checked;
+            var str = formats[type].write(feature, pretty);
+            // not a good idea in general, just for this demo
+            str = str.replace(/,/g, ', ');
+            document.getElementById('output').value = str;
+        }
+
+        function deserialize() {
+            var element = document.getElementById('text');
+            var type = document.getElementById("formatType").value;
+            var features = formats[type].read(element.value);
+            var bounds;
+            if(features) {
+                if(features.constructor != Array) {
+                    features = [features];
+                }
+                for(var i=0; i<features.length; ++i) {
+                    if (!bounds) {
+                        bounds = features[i].geometry.getBounds();
+                    } else {
+                        bounds.extend(features[i].geometry.getBounds());
+                    }
+                    
+                }
+                vectors.addFeatures(features);
+                map.zoomToExtent(bounds);
+                var plural = (features.length > 1) ? 's' : '';
+                element.value = features.length + ' feature' + plural + ' added'
+            } else {
+                element.value = 'Bad input ' + type;
+            }
+        }
+
+        // preload images
+        (function() {
+            var roots = ["draw_point", "draw_line", "draw_polygon", "pan"];
+            var onImages = [];
+            var offImages = [];
+            for(var i=0; i<roots.length; ++i) {
+                onImages[i] = new Image();
+                onImages[i].src = "../theme/default/img/" + roots[i] + "_on.png";
+                offImages[i] = new Image();
+                offImages[i].src = "../theme/default/img/" + roots[i] + "_on.png";
+            }
+        })();
+
+    </script>
+  </head>
+  <body onload="init()">
+    <div id="leftcol">
+        <h2>OpenLayers Vector Formats Example</h2>
+        <div id="map"></div>
+        <div id="input">
+            <p>Use the drop-down below to select the input/output format
+            for vector features.  New features can be added by using the drawing
+            tools above or by pasting their text representation below.</p>
+            <label for="formatType">Format</label>
+            <select name="formatType" id="formatType">
+                <option value="geojson" selected="selected">GeoJSON</option>
+                <option value="kml">KML</option>
+                <option value="georss">GeoRSS</option>
+                <option value="gml">GML</option>
+                <option value="wkt">Well-Known Text (WKT)</option>
+            </select>
+            &nbsp;
+            <label for="prettyPrint">Pretty print</label>
+            <input id="prettyPrint" type="checkbox"
+                   name="prettyPrint" value="1" />
+            <br />
+            <textarea id="text">paste text here...</textarea>
+            <br />
+            <input type="button" value="add feature" onclick="deserialize();" />
+        </div>
+    </div>
+    <div id="info">
+        <p>Use the tools to the left to draw new polygons, lines, and points.
+        After drawing some new features, hover over a feature to see the
+        serialized version below.</p>
+        <textarea id="output"></textarea>
+    </div>
+  </body>
+</html>

examples/webcam.html

@@ -1,44 +0,0 @@
-<html xmlns="http://www.w3.org/1999/xhtml">
-  <head>
-    <style type="text/css">
-        p {
-            width: 512px;
-        }
-        #map {
-            width: 640px;
-            height: 480px;
-            border: 1px solid gray;
-        }
-    </style>
-    <script src="../lib/OpenLayers.js"></script>
-    <script type="text/javascript">
-        <!--
-        var map;
-        function init(){
-            map = new OpenLayers.Map('map',
-                {maxExtent: new OpenLayers.Bounds(0, 0, 640, 480)});
-
-            var options = {maxResolution: 'auto', numZoomLevels: 3};
-            
-            var webcam = new OpenLayers.Layer.Image(
-                                'OL Webcam',
-                                'http://crschmidt.net/~crschmidt/openlayers.jpg',
-                                new OpenLayers.Bounds(0, 0, 640, 480),
-                                new OpenLayers.Size(640, 480),
-                                options);
-
-            map.addLayers([webcam]);
-            map.zoomToMaxExtent();
-            window.setInterval(refresh, 10000, webcam);
-        }
-        function refresh(layer) {
-            layer.moveTo(layer.map.getExtent(), true);
-        }
-        // -->
-    </script>
-  </head>
-  <body onload="init()">
-    <h1>OpenLayers Webcam</h1>
-    <div id="map"></div>
-  </body>
-</html>

examples/wfs-scribble.html

@@ -13,7 +13,7 @@
         var map, layer;
 
         function init(){
-            map = new OpenLayers.Map( $('map'), {controls: [ new OpenLayers.Control.PanZoom(), new OpenLayers.Control.Permalink() ]} );
+            map = new OpenLayers.Map('map', {controls: [ new OpenLayers.Control.PanZoom(), new OpenLayers.Control.Permalink() ]} );
             layer = new OpenLayers.Layer.WMS( "OpenLayers WMS", 
                     "http://labs.metacarta.com/wms-c/Basic.py", 
                     {layers: 'basic'} );
@@ -35,7 +35,7 @@
             df.featureAdded = function(feature) { 
               feature.state = OpenLayers.State.INSERT; 
               feature.style['strokeColor'] = "#ff0000"; 
-              feature.layer.renderer.drawGeometry(feature.geometry, feature.style);  
+              feature.layer.drawFeature(feature);  
             }
             p.addControls([ new OpenLayers.Control.Navigation(), df ]);
              
@@ -47,7 +47,7 @@
             for(var i = 0; i < map.layers[1].features.length; i++) { 
                 var f = map.layers[1].features[i]; 
                 f.style['strokeColor'] = '#ee9900'; 
-                map.layers[1].renderer.drawGeometry(f.geometry, f.style);  
+                map.layers[1].drawFeature(f);  
             } 
             map.layers[1].commit();
             return false;
@@ -56,8 +56,8 @@
             var xmls = new XMLSerializer();
             var serialize = new OpenLayers.Format[type]({},map.layers[1]);
             var data = serialize.write(map.layers[1].features);
-            $('serialize').value = xmls.serializeToString(data);
-            $('serialize').style.display='block';
+            OpenLayers.Util.getElement('serialize').value = xmls.serializeToString(data);
+            OpenLayers.Util.getElement('serialize').style.display='block';
         }
     </script>
   </head>

examples/wfs-states.html

@@ -14,7 +14,7 @@
 
         function init(){
             OpenLayers.ProxyHost="/cgi-bin/proxy.cgi?url="; 
-            map = new OpenLayers.Map( $('map'), {controls: [ new OpenLayers.Control.PanZoom(), new OpenLayers.Control.Permalink(), new OpenLayers.Control.MouseDefaults() ]} );
+            map = new OpenLayers.Map('map', {controls: [ new OpenLayers.Control.PanZoom(), new OpenLayers.Control.Permalink(), new OpenLayers.Control.MouseDefaults() ]} );
             layer = new OpenLayers.Layer.WMS( "OpenLayers WMS", 
                     "http://labs.metacarta.com/wms-c/Basic.py", 
                     {layers: 'basic'} );

examples/wfs-t.html

@@ -9,11 +9,10 @@
     </style>
     <script src="../lib/OpenLayers.js"></script>
     <script type="text/javascript">
-        <!--
         var map, layer;
 
         function init(){
-            map = new OpenLayers.Map( $('map') );
+            map = new OpenLayers.Map('map');
             layer = new OpenLayers.Layer.WMS( "State", 
                     "http://dev.openlayers.org/geoserver/wms", {layers: 'topp:tasmania_state_boundaries'} );
             map.addLayer(layer);
@@ -27,7 +26,7 @@
                       featureNS: 'http://www.openplans.org/topp', 
                       extractAttributes: false
                } );
-            rlayer.onFeatureInsert=function(feature) { feature.style.strokeColor = "#ff0000"; feature.layer.renderer.drawGeometry(feature.geometry, feature.style); }
+            rlayer.onFeatureInsert=function(feature) { feature.style.strokeColor = "#ff0000"; feature.layer.drawFeature(feature); }
             map.addLayer(rlayer);
             layer = new OpenLayers.Layer.WFS( "Cities", 
                     "http://dev.openlayers.org/geoserver/wfs", {typename: 'topp:tasmania_cities'}, 
@@ -44,7 +43,7 @@
             df.featureAdded = function(feature) { 
               feature.state = OpenLayers.State.INSERT; 
               feature.style['strokeColor'] = "#0000ff"; 
-              feature.layer.renderer.drawGeometry(feature.geometry, feature.style);  
+              feature.layer.drawFeature(feature);  
             }
             dp = new OpenLayers.Control.DrawFeature(layer, OpenLayers.Handler.Point, {handlerOptions: {'freehand': false}, 'displayClass': 'olControlDrawFeaturePoint'});
             dp.featureAdded = function(feature) { 
@@ -53,14 +52,13 @@
               feature.geometry = new OpenLayers.Geometry.MultiPoint(oldgeom);
               feature.state = OpenLayers.State.INSERT; 
               feature.style['strokeColor'] = "#0000ff"; 
-              feature.layer.renderer.drawGeometry(feature.geometry, feature.style);  
+              feature.layer.drawFeature(feature);  
             }
             p.addControls([ new OpenLayers.Control.Navigation(), df, dp ]);
              
             map.addControl(p);
             map.zoomToExtent(new OpenLayers.Bounds(145.51045,-44.0,149.0,-40.5));
         }
-        // -->
     </script>
   </head>
   <body onload="init()">

examples/wfs.html

@@ -9,7 +9,6 @@
     </style>
     <script src="../lib/OpenLayers.js"></script>
     <script type="text/javascript">
-        <!--
         var map, layer;
 
         function init(){
@@ -27,7 +26,6 @@
             map.addControl(new OpenLayers.Control.LayerSwitcher());
             map.setCenter(new OpenLayers.LonLat(-100, 60), 3);
         }
-        // -->
     </script>
   </head>
   <body onload="init()">

examples/wkt.html

@@ -28,7 +28,6 @@
     </style>
     <script src="../lib/OpenLayers.js"></script>
     <script type="text/javascript">
-        <!--
         var map, vectors, drawControls, wkt;
         function init(){
             map = new OpenLayers.Map('map');
@@ -77,8 +76,8 @@
             }
         }
         
-        function displayWKT(geometry) {
-            var str = wkt.write(geometry);
+        function displayWKT(feature) {
+            var str = wkt.write(feature);
             // not a good idea in general, just for this demo
             str = str.replace(/,/g, ', ');
             document.getElementById('info').innerHTML = str;
@@ -86,19 +85,18 @@
 
         function parseWKT() {
             var element = document.getElementById('wkt');
-            var collection = wkt.read(element.value);
+            var features = wkt.read(element.value);
             var bounds;
-            if(collection) {
-                if(collection.constructor != Array) {
-                    collection = [collection];
+            if(features) {
+                if(features.constructor != Array) {
+                    features = [features];
                 }
-                var features = [];
-                for(var i=0; i<collection.length; ++i) {
-                    features.push(new OpenLayers.Feature.Vector(collection[i]));
+                for(var i=0; i<features.length; ++i) {
                     if (!bounds) {
-                        bounds = collection[i].getBounds();
+                        bounds = features[i].geometry.getBounds();
+                    } else {
+                        bounds.extend(features[i].geometry.getBounds());
                     }
-                    bounds.extend(collection[i].getBounds());
                     
                 }
                 vectors.addFeatures(features);
@@ -109,7 +107,6 @@
                 element.value = 'Bad WKT';
             }
         }
-        // -->
     </script>
   </head>
   <body onload="init()">

examples/wms-untiled.html

@@ -9,7 +9,6 @@
     </style>
     <script src="../lib/OpenLayers.js"></script>
     <script type="text/javascript">
-        <!--
         var lon = 5;
         var lat = 40;
         var zoom = 5;
@@ -24,8 +23,6 @@
             map.setCenter(new OpenLayers.LonLat(lon, lat), zoom);
             map.addControl( new OpenLayers.Control.LayerSwitcher() );
         }
-        
-        // -->
     </script>
   </head>
   <body onload="init()">

examples/wms.html

@@ -9,7 +9,6 @@
     </style>
     <script src="../lib/OpenLayers.js"></script>
     <script type="text/javascript">
-        <!--
         var lon = 5;
         var lat = 40;
         var zoom = 5;
@@ -24,8 +23,6 @@
             map.setCenter(new OpenLayers.LonLat(lon, lat), zoom);
             map.addControl( new OpenLayers.Control.LayerSwitcher() );
         }
-        
-        // -->
     </script>
   </head>
   <body onload="init()">

examples/wmst.html

@@ -9,8 +9,7 @@
     </style>
     <script src="../lib/OpenLayers.js"></script>
     <script type="text/javascript">
-        <!--
-var map,ia_wms;
+        var map, ia_wms;
         function init(){
             map = new OpenLayers.Map('map');
 
@@ -21,21 +20,30 @@ var map,ia_wms;
                 "http://wms.jpl.nasa.gov/wms.cgi", 
                 {layers: "modis,global_mosaic"});
 
-            ia_wms = new OpenLayers.Layer.WMS("Nexrad","http://mesonet.agron.iastate.edu/cgi-bin/wms/nexrad/n0r.cgi?",{layers:"nexrad-n0r-wmst",transparent:true,format:'image/png',time:OpenLayers.Util.getElement('time').value});
+            ia_wms = new OpenLayers.Layer.WMS("Nexrad","http://mesonet.agron.iastate.edu/cgi-bin/wms/nexrad/n0r.cgi?",{layers:"nexrad-n0r-wmst",transparent:true,format:'image/png',time:"2005-08-29T13:00:00Z"});
 
             jpl_wms.setVisibility(false);
 
             map.addLayers([ol_wms, jpl_wms, ia_wms]);
             map.addControl(new OpenLayers.Control.LayerSwitcher());
-            map.zoomToMaxExtent();
+            map.zoomToExtent(new OpenLayers.Bounds(-100.898437,22.148438,-78.398437,39.726563));
         }
-        // -->
+        function update_date() {
+            var string = OpenLayers.Util.getElement('year').value + "-" + 
+                         OpenLayers.Util.getElement('month').value + "-" +  
+                         OpenLayers.Util.getElement('day').value + "T" +  
+                         OpenLayers.Util.getElement('hour').value + ":" +  
+                         OpenLayers.Util.getElement('minute').value + ":00";
+            ia_wms.mergeNewParams({'time':string});             
+                         
+        }    
     </script>
   </head>
   <body onload="init()">
     <h1>OpenLayers Example</h1>
-    <p>WMS-T example: update the times, and the radar image will change. Uses Layer.changeParams. Thanks to David Bitner for the inspiration, the original code, and the kick in the butt!</p>
-    <input type='text' id='time'  value="2005-08-29T13:00:00Z" onChange='ia_wms.mergeNewParams({"time":this.value});' >
+    <p>WMS-T example: update the times, and the radar image will change. Uses Layer.mergeNewParams to update the date element with the strings from the input fields every time one of them is changed.</p>
+    <p>The inputs below describe a timestamp: The minute increments can only be updated in units of 5.</p>   
+    <input size="4" type='text' id='year' value="2005" onchange="update_date()"/>-<input size="2" type="text" id="month" value="08" onchange="update_date()"/>-<input size="2" type="text" id="day" value="29" onchange="update_date()" />T<input type="text" size="2" id="hour" value="13" onchange="update_date()" />:<input type="text" size="2" id="minute" value="00" onchange="update_date()" />:00
     <div id="map"></div>
   </body>
 </html>

examples/worldwind.html

@@ -9,10 +9,9 @@
     </style>
     <script src="../lib/OpenLayers.js"></script>
     <script type="text/javascript">
-        <!--
-        var ol_wms, ww, ww2;
+        var map, ol_wms, ww, ww2;
         function init(){
-            var map = new OpenLayers.Map('map', {'maxResolution': .28125, tileSize: new OpenLayers.Size(512, 512)});
+            map = new OpenLayers.Map('map', {'maxResolution': .28125, tileSize: new OpenLayers.Size(512, 512)});
 
             ol_wms = new OpenLayers.Layer.WMS( "OpenLayers WMS", 
             "http://labs.metacarta.com/wms/vmap0?", {layers: 'basic'} );
@@ -30,7 +29,6 @@
             map.addControl(new OpenLayers.Control.LayerSwitcher());
             map.setCenter(new OpenLayers.LonLat(-71.4, 42.3), 6);
         }
-        // -->
     </script>
   </head>
   <body onload="init()">

examples/wrapDateLine.html

@@ -0,0 +1,79 @@
+<html xmlns="http://www.w3.org/1999/xhtml">
+  <head>
+    <style type="text/css">
+        #map {
+            width: 800px;
+            height: 350px;
+            border: 1px solid black;
+        }
+    </style>
+    <script src="../lib/OpenLayers.js"></script>
+    <script type="text/javascript">
+        var map;
+        function init(){
+            map = new OpenLayers.Map( 'map', {maxResolution: 1.40625} );
+            var mapserv = new OpenLayers.Layer.MapServer( "OpenLayers Basic", 
+                        "http://labs.metacarta.com/wms/vmap0",
+                        {layers: 'basic'},
+                        {wrapDateLine: true} );
+                        
+            var kamap = new OpenLayers.Layer.KaMap( "Blue Marble NG",
+                        "http://www.openlayers.org/world/index.php",
+                        {g: "satellite", map: "world"},
+                        {wrapDateLine: true} );
+
+            var wms = new OpenLayers.Layer.WMS( "DM Solutions Demo",
+                "http://www2.dmsolutions.ca/cgi-bin/mswms_gmap",
+                {layers: "bathymetry,land_fn,park,drain_fn,drainage," +
+                         "prov_bound,fedlimit,rail,road,popplace",
+                 transparent: "true", format: "image/png"},
+                {wrapDateLine: true, reproject: false});
+
+            /* TMS is broken, too */
+            tms = new OpenLayers.Layer.TMS( "OpenStreetMap", 
+                    "http://labs.metacarta.com/wms-c/Basic.py/",
+                    {layername: 'osm-map', type:'png', wrapDateLine: true} );
+
+            /* WW doesn't quite work yet */
+            ww = new OpenLayers.Layer.WorldWind( "LANDSAT",
+                    "http://worldwind25.arc.nasa.gov/tile/tile.aspx", 2.25, 4,
+                    {T:"105"},
+                    {'maxResolution': .28125,
+                     tileSize: new OpenLayers.Size(512, 512),
+                     wrapDateLine: true});
+        
+            map.addLayers([mapserv, kamap, wms]);
+            map.addControl(new OpenLayers.Control.LayerSwitcher());
+            map.addControl(new OpenLayers.Control.MousePosition());
+            map.zoomToMaxExtent();
+        }
+    </script>
+  </head>
+  <body onload="init()">
+    <h1 id="title">Wrapping the Date Line</h1>
+    <div id="tags">
+      Related to: 
+        <a href="http://dev.openlayers.org/docs/OpenLayers/Layer/WMS.html">Layer.WMS</a>, 
+        <a href="http://dev.openlayers.org/docs2/OpenLayers/Layer/MapServer.html">Layer.MapServer</a>, 
+        <a href="http://dev.openlayers.org/docs2/OpenLayers/Layer.html#wrapDateLine">wrapDateLine</a>
+    </div> 
+    
+    <p id="shortdesc">This example shows the use of the <a href="http://dev.openlayers.org/docs/OpenLayers/Layer.html#wrapDateLine">wrapDateLine</a> layer option on a number of layer types.</p>
+    <div id="map"></div>
+    <div id="docs">
+        <p>
+        This is an example that shows wrapping the date line. Wrapping the 
+        date line is an option on the layer. 
+        </p>
+        <p>
+          You can do it with a 'Layer.WMS' or a 'Layer.MapServer' layer.
+        </p>
+    <pre id="code">
+    var mapserv = new OpenLayers.Layer.MapServer( "OpenLayers Basic", 
+                "http://labs.metacarta.com/wms/vmap0",
+                {layers: 'basic'},
+                <b>{wrapDateLine: true}</b> );
+    </pre>  
+    </div>
+  </body>
+</html>

examples/xml.html

@@ -0,0 +1,145 @@
+<!DOCTYPE html PUBLIC "-//W3C//DTD XHTML 1.0 Strict//EN"
+        "http://www.w3.org/TR/2000/REC-xhtml1-20000126/DTD/xhtml1-strict.dtd">
+<html xmlns="http://www.w3.org/1999/xhtml">
+    <head>
+        <title>XML Parsing Example</title>
+        <style type="text/css">
+            body {
+                margin: 0 2em;
+                font-family: sans-serif;
+            }
+            #output {
+                font-family: monospace;
+                background-color: #efefef;
+                font-size: 0.9em;
+                padding: 1em;
+            }
+            span.code {
+                font-family: monospace;
+                background-color: #efefef;
+                font-size: 0.9em;
+                padding: 0.25em;
+                line-height: 1.5em;
+            }
+            ul {
+                margin: 0;
+                padding: 0 0 1em 1.5em;
+            }
+            ul li {
+                padding-left: 0;
+            }
+            
+        </style>
+        <script src="../lib/Firebug/firebug.js" type="text/javascript"></script>
+        <script src="../lib/OpenLayers.js" type="text/javascript"></script>
+        <script type="text/javascript">
+        //<![CDATA[
+        
+        var format = new OpenLayers.Format.XML();
+        var doc = null;
+        
+        function init() {
+            var url = "xml/features.xml";
+            OpenLayers.loadURL(url, null, null, loadSuccess, loadFailure);
+        }
+        
+        function loadSuccess(request) {
+            updateStatus("loaded");
+            if(!request.responseXML.documentElement) {
+                doc = format.read(request.responseText);
+            } else {
+                doc = request.responseXML;
+            }
+        }
+        
+        function loadFailure(request) {
+            updateStatus("failed to load");
+        }
+        
+        function updateStatus(msg) {
+            document.getElementById("loadStatus").firstChild.nodeValue = msg;
+        }
+
+        function updateOutput(text) {
+            document.getElementById("output").firstChild.nodeValue = text;
+        }
+        
+        function write() {
+            var text = format.write(doc);
+            updateOutput(text);
+        }
+        
+        function getElementsByTagNameNS(node, uri, name) {
+            var nodes = format.getElementsByTagNameNS(node, uri, name);
+            var pieces = [];
+            for(var i=0; i<nodes.length; ++i) {
+                pieces.push(format.write(nodes[i]));
+            }
+            updateOutput(pieces.join(' '));
+        }
+        
+        function hasAttributeNS(node, uri, name) {
+            updateOutput(format.hasAttributeNS(node, uri, name))
+        }
+
+        function getAttributeNodeNS(node, uri, name) {
+            var attributeNode = format.getAttributeNodeNS(node, uri, name);
+            updateOutput(attributeNode.nodeName + ' = "' +
+                         attributeNode.nodeValue + '"');
+        }
+
+        function getAttributeNS(node, uri, name) {
+            var attributeValue = format.getAttributeNS(node, uri, name);
+            updateOutput('"' + attributeValue + '"')
+        }
+        
+        function createElementNS(uri, name) {
+            var node = format.createElementNS(uri, name);
+            doc.documentElement.appendChild(node);
+            write();
+        }
+
+        function createTextNode(text) {
+            var node = format.createTextNode(text);
+            doc.documentElement.appendChild(node);
+            write();
+        }
+
+        window.onload = init;
+        
+        //]]>
+        </script>
+    </head>
+    <body>
+        <h3>OpenLayers XML Example</h3>
+        <p>OpenLayers has a very simple XML format class (OpenLayers.Format.XML)
+        that can be used to read/write XML docs.  The methods available on the
+        XML format (or parser if you like) allow for reading and writing of the
+        various XML flavors used by the library - in particular the vector data
+        formats.  It is by no means intended to be a full-fledged XML toolset.
+        Additional methods will be added only as needed elsewhere in the
+        library.</p>
+        <p>This page loads an XML document and demonstrates a few of the methods
+        available in the parser.</p>
+        <p>Status: <b>XML document <span id="loadStatus">loading..</span>.</b></p>
+        <p>After the XML document loads, see the result of a few of the methods
+        below.  Assume that you start with the following code:
+        <br />
+        <span class="code">
+            var format = new OpenLayers.Format.XML();
+        </span>
+        </p>
+        Sample methods
+        <ul>
+            <li><a href="javascript:void write();">format.write()</a> - write the XML doc as text</li>
+            <li><a href="javascript:void getElementsByTagNameNS(doc, 'http://www.opengis.net/gml', 'MultiPolygon');">format.getElementsByTagNameNS()</a> - get all gml:MultiPolygon</li>
+            <li><a href="javascript:void hasAttributeNS(doc.documentElement, 'http://www.w3.org/2001/XMLSchema-instance', 'schemaLocation');">format.hasAttributeNS()</a> - test to see schemaLocation attribute exists in the http://www.w3.org/2001/XMLSchema-instance namespace</li>
+            <li><a href="javascript:void getAttributeNodeNS(doc.documentElement, 'http://www.w3.org/2001/XMLSchema-instance', 'schemaLocation');">format.getAttributeNodeNS()</a> - get schemaLocation attribute in the http://www.w3.org/2001/XMLSchema-instance namespace</li>
+            <li><a href="javascript:void getAttributeNS(doc.documentElement, 'http://www.w3.org/2001/XMLSchema-instance', 'schemaLocation');">format.getAttributeNS()</a> - get schemaLocation attribute value in the http://www.w3.org/2001/XMLSchema-instance namespace</li>
+            <li><a href="javascript:void createElementNS('http://bar.com/foo', 'foo:TestNode');">format.createElementNS()</a> - create a foo:TestNode element (and append it to the doc)</li>
+            <li><a href="javascript:void createTextNode('test text ');">format.createTextNode()</a> - create a text node (and append it to the doc)</li>
+        </ul>
+        Output:
+        <div id="output">&nbsp;</div>
+    </body>
+</html>

examples/yahoo.html

@@ -10,25 +10,23 @@
     <script src="http://api.maps.yahoo.com/ajaxymap?v=3.0&appid=euzuro-openlayers"></script>
     <script src="../lib/OpenLayers.js"></script>
     <script type="text/javascript">
-        <!--
         var map, layer, velayer;
 
         function init(){
             map = new OpenLayers.Map('map');
 
+            yahooLayer = new OpenLayers.Layer.Yahoo( "Yahoo"); 
+
+            map.addLayer(yahooLayer);
+
             layer = new OpenLayers.Layer.WMS( "OpenLayers WMS", 
                 "http://labs.metacarta.com/wms/vmap0", {layers: 'basic'} );
             map.addLayer(layer);
 
 
-            yahooLayer = new OpenLayers.Layer.Yahoo( "Yahoo"); 
-
-            map.addLayer(yahooLayer);
-
             map.setCenter(new OpenLayers.LonLat(-5, 40), 4);
             map.addControl(new OpenLayers.Control.LayerSwitcher());
         }
-        // -->
     </script>
   </head>
   <body onload="init()">

examples/yelp-georss.xml

@@ -0,0 +1,147 @@
+<?xml version="1.0" encoding="utf-8"?>
+<?xml-stylesheet href="http://yelp.com/css/atom.css" type="text/css" media="screen"?>
+<feed xmlns="http://www.w3.org/2005/Atom" xmlns:geo="http://www.w3.org/2003/01/geo/wgs84_pos#"> 
+	<rights>Copyright 2007 Yelp, Inc. All rights reserved.</rights> 
+	<title>Yelp - Recent Reviews Near Ann Arbor, MI</title>
+	<link href="http://www.yelp.com/?location=Ann+Arbor%2C+MI"/>
+	<updated>2007-05-29T22:58:24-08:00</updated>
+	<author>
+		<name>Recent Reviews Near Ann Arbor, MI</name>
+	</author>
+
+	<entry>
+		<title>Sam S.&#39;s Review Of State Theatre - Ann Arbor (4/5)</title>
+		<link rel="alternate" type="text/html" href="http://www.yelp.com/biz/r-dZCCNtld2ik0QRoTwuUQ?hrid=pve0e49KrVsvgX_wXpZHYA" />
+		<id>http://www.yelp.com/biz/r-dZCCNtld2ik0QRoTwuUQ?hrid=pve0e49KrVsvgX_wXpZHYA</id>
+		<updated>2007-05-29T22:58:24-08:00</updated>
+		<summary type="html">I gotta give this place props for hosting independent movies. Man, I really tire of that Hollywood bullshit; I actually feel retarded afterwards.&lt;br /&gt;&lt;br /&gt;My main gripe is that the seats are not ergonomic at&amp;#8230;</summary>
+		<geo:long>-83.7406005859</geo:long>	
+		<geo:lat>42.2790985107</geo:lat>
+	</entry>
+	<entry>
+		<title>Sean M.&#39;s Review Of Maize N Blue Deli - Ann Arbor (5/5)</title>
+		<link rel="alternate" type="text/html" href="http://www.yelp.com/biz/GqqBWV8ysYB48_jLPMl2bA?hrid=ZZIVErEJIo-FMsxOBVX1GQ" />
+		<id>http://www.yelp.com/biz/GqqBWV8ysYB48_jLPMl2bA?hrid=ZZIVErEJIo-FMsxOBVX1GQ</id>
+		<updated>2007-05-29T16:04:19-08:00</updated>
+		<summary type="html">Maize N Blue is synonymous with huge sandwiches (lunch+dinner sized) and good but not showy ingredients. It's a much better value than certain other Ann Arbor delis, and eschews the boutique feel that&amp;#8230;</summary>
+		<geo:long>-83.7255020142</geo:long>	
+		<geo:lat>42.266998291</geo:lat>
+	</entry>
+	<entry>
+		<title>Coco C.&#39;s Review Of Tom Thompson Flowers - Ann Arbor (5/5)</title>
+		<link rel="alternate" type="text/html" href="http://www.yelp.com/biz/B_lu4c0HgyHlxOjdKxTW7w?hrid=KNa-bOGA0xltz6bHEu3-AQ" />
+		<id>http://www.yelp.com/biz/B_lu4c0HgyHlxOjdKxTW7w?hrid=KNa-bOGA0xltz6bHEu3-AQ</id>
+		<updated>2007-05-29T10:49:06-08:00</updated>
+		<summary type="html">This place isn't much to look at - you go in and there are buckets upon buckets of loose flowers laying around, and there isn't much room to walk around. However, they make kick-ass arrangements! And&amp;#8230;</summary>
+		<geo:long>-83.7490005493</geo:long>	
+		<geo:lat>42.2747993469</geo:lat>
+	</entry>
+	<entry>
+		<title>Sam S.&#39;s Review Of Mitch&#39;s Place - Ann Arbor (3/5)</title>
+		<link rel="alternate" type="text/html" href="http://www.yelp.com/biz/zlJ37GVxuy-9wfvWqpPm1Q?hrid=qK6d7BOgLoK3gLf2u2OXAQ" />
+		<id>http://www.yelp.com/biz/zlJ37GVxuy-9wfvWqpPm1Q?hrid=qK6d7BOgLoK3gLf2u2OXAQ</id>
+		<updated>2007-05-28T21:28:33-08:00</updated>
+		<summary type="html">Another generic sports bar with the generic stripe-o crowd. Cheap pitchers, but constant covers.&lt;br /&gt;&lt;br /&gt;This is where I met Dave, a.k.a. Future Guy. He's skinny, has tall, straggly hair, and wears these&amp;#8230;</summary>
+		<geo:long>-83.7329025269</geo:long>	
+		<geo:lat>42.275100708</geo:lat>
+	</entry>
+	<entry>
+		<title>Jane S.&#39;s Review Of Special Moments Photography - Plymouth (1/5)</title>
+		<link rel="alternate" type="text/html" href="http://www.yelp.com/biz/IEsTnmfhN7vFfzt724qojw?hrid=ZvALNYOlSodoOciFsmeLZA" />
+		<id>http://www.yelp.com/biz/IEsTnmfhN7vFfzt724qojw?hrid=ZvALNYOlSodoOciFsmeLZA</id>
+		<updated>2007-05-28T10:18:35-08:00</updated>
+		<summary type="html">I was very unsatisfied for several reasons. First, the photographer did not have the lighting for family portraits right at all! Two faces are almost completely obscured by shadows. Also, the backdrop&amp;#8230;</summary>
+		<geo:long>-83.4609985352</geo:long>	
+		<geo:lat>42.3588981628</geo:lat>
+	</entry>
+	<entry>
+		<title>Jacqueline D.&#39;s Review Of Embassy Hotel - Ann Arbor (4/5)</title>
+		<link rel="alternate" type="text/html" href="http://www.yelp.com/biz/Vz0hW6UhF6w4JuvgsqDmMQ?hrid=eMKcIyREDk-pFGdH0EC6jg" />
+		<id>http://www.yelp.com/biz/Vz0hW6UhF6w4JuvgsqDmMQ?hrid=eMKcIyREDk-pFGdH0EC6jg</id>
+		<updated>2007-05-27T09:23:06-08:00</updated>
+		<summary type="html">The Embassy Hotel does what it does well: It is VERY cheap ($40-50/night) and located in the heart of downtown.  It is relatively clean.  What to expect: Your bed won't be made, your sheets won't be&amp;#8230;</summary>
+		<geo:long>-83.7469024658</geo:long>	
+		<geo:lat>42.2812004089</geo:lat>
+	</entry>
+	<entry>
+		<title>Tony C.&#39;s Review Of Cafe Zola - Ann Arbor (5/5)</title>
+		<link rel="alternate" type="text/html" href="http://www.yelp.com/biz/BlUEgCOGzDwpOWnkQn3odw?hrid=X3rR29JnKIqAjEzo9nC2VQ" />
+		<id>http://www.yelp.com/biz/BlUEgCOGzDwpOWnkQn3odw?hrid=X3rR29JnKIqAjEzo9nC2VQ</id>
+		<updated>2007-05-26T07:48:01-08:00</updated>
+		<summary type="html">Zola...this is easily one of the best experiences to be had in Ann Arbor.  I'll get the negatives for this place right out in the open.  It's popular, really popular.  It's expensive, but not break&amp;#8230;</summary>
+		<geo:long>-83.7489013672</geo:long>	
+		<geo:lat>42.2806015015</geo:lat>
+	</entry>
+	<entry>
+		<title>Tony C.&#39;s Review Of Melange - Ann Arbor (4/5)</title>
+		<link rel="alternate" type="text/html" href="http://www.yelp.com/biz/aPdz29vOWj4fBlLlCBM7UQ?hrid=ETs0aMnHTjSLy1VTsGxCBg" />
+		<id>http://www.yelp.com/biz/aPdz29vOWj4fBlLlCBM7UQ?hrid=ETs0aMnHTjSLy1VTsGxCBg</id>
+		<updated>2007-05-26T07:30:59-08:00</updated>
+		<summary type="html">Melange has an excellent menu.  I've tried the scallops, the perch, and the seabass.  All were excellent.  The two dishes I'd steer clear of are the rock beef thing and the squid appetizers.&lt;br /&gt;&lt;br /&gt;The rock&amp;#8230;</summary>
+		<geo:long>-83.7481918335</geo:long>	
+		<geo:lat>42.283493042</geo:lat>
+	</entry>
+	<entry>
+		<title>Tony C.&#39;s Review Of Bennett Optometry - Ann Arbor (4/5)</title>
+		<link rel="alternate" type="text/html" href="http://www.yelp.com/biz/Oa5c1Zzr6RlkGjx-0KYr1A?hrid=vUiuwPLri6D5LTPrC76UlA" />
+		<id>http://www.yelp.com/biz/Oa5c1Zzr6RlkGjx-0KYr1A?hrid=vUiuwPLri6D5LTPrC76UlA</id>
+		<updated>2007-05-26T07:09:43-08:00</updated>
+		<summary type="html">I just got my eyes checked out here about two months ago and overall, I was satisfied with my experience.  The optometrist I got was young, but very knowledgeable and didn't seem to be in a hurry to&amp;#8230;</summary>
+		<geo:long>-83.6924972534</geo:long>	
+		<geo:lat>42.3031005859</geo:lat>
+	</entry>
+	<entry>
+		<title>Nedra B.&#39;s Review Of Star&#39;s Cafe - Ann Arbor (4/5)</title>
+		<link rel="alternate" type="text/html" href="http://www.yelp.com/biz/aNeaXyQWZ0LGH3FoNnYzmA?hrid=XUd-5ehybDuujOTinekhWA" />
+		<id>http://www.yelp.com/biz/aNeaXyQWZ0LGH3FoNnYzmA?hrid=XUd-5ehybDuujOTinekhWA</id>
+		<updated>2007-05-26T02:53:51-08:00</updated>
+		<summary type="html">As you walk in, you hear arabic music playing the background, and about 4 or 5 tables in front of the main window.  You walk up to the menu, choose from many middle eastern foods, give your order, and&amp;#8230;</summary>
+		<geo:long>-83.782539</geo:long>	
+		<geo:lat>42.281079</geo:lat>
+	</entry>
+	<entry>
+		<title>Nedra B.&#39;s Review Of Vinology - Ann Arbor (3/5)</title>
+		<link rel="alternate" type="text/html" href="http://www.yelp.com/biz/qkw4xWWgTufvBs1NcxsFnw?hrid=lFMHzQ0GwJ93Ns0kCoPWPQ" />
+		<id>http://www.yelp.com/biz/qkw4xWWgTufvBs1NcxsFnw?hrid=lFMHzQ0GwJ93Ns0kCoPWPQ</id>
+		<updated>2007-05-26T02:45:15-08:00</updated>
+		<summary type="html">I knew to expect a pricey "high class" restaurant... but in my opinion they went over the top. I went with my sister and some friends, and she ordered the little "mini burgers" and I ordered the only&amp;#8230;</summary>
+		<geo:long>-83.7487030029</geo:long>	
+		<geo:lat>42.2812004089</geo:lat>
+	</entry>
+	<entry>
+		<title>Coco C.&#39;s Review Of Eastern Accents - Ann Arbor (4/5)</title>
+		<link rel="alternate" type="text/html" href="http://www.yelp.com/biz/AztY39QdGAkoKrLy9Di2yw?hrid=HL2_XnWdZP1FO95e1q-Xjw" />
+		<id>http://www.yelp.com/biz/AztY39QdGAkoKrLy9Di2yw?hrid=HL2_XnWdZP1FO95e1q-Xjw</id>
+		<updated>2007-05-25T15:43:30-08:00</updated>
+		<summary type="html">Oooh baby, this is my dream food come to life - sweet buns with tasty meat inside of them. I'm already a big fan of WowBao in Chicago, so to find this place in Ann Arbor makes me living here a&amp;#8230;</summary>
+		<geo:long>-83.7472991943</geo:long>	
+		<geo:lat>42.2803001404</geo:lat>
+	</entry>
+	<entry>
+		<title>Liam C.&#39;s Review Of The Dartmoor - Plymouth (1/5)</title>
+		<link rel="alternate" type="text/html" href="http://www.yelp.com/biz/Q32V2uxVKKv8_fp-hGxyZQ?hrid=7zFDEW0THJGYTUPPHLZucQ" />
+		<id>http://www.yelp.com/biz/Q32V2uxVKKv8_fp-hGxyZQ?hrid=7zFDEW0THJGYTUPPHLZucQ</id>
+		<updated>2007-05-24T14:36:00-08:00</updated>
+		<summary type="html">Okay, so here is how fawked up it is in Plymouth.&lt;br /&gt;&lt;br /&gt;This place was a hotel, back in the day.  Dude converts it to offices and retail, and leases the bar and restaurant out to someone else.&lt;br /&gt;&lt;br /&gt;the tenant gets&amp;#8230;</summary>
+		<geo:long>-83.4705963135</geo:long>	
+		<geo:lat>42.3686981201</geo:lat>
+	</entry>
+	<entry>
+		<title>Liam C.&#39;s Review Of Omelette &amp; Waffle Cafe - Plymouth (2/5)</title>
+		<link rel="alternate" type="text/html" href="http://www.yelp.com/biz/a09i0TiPG4_yhl-fnzPzDA?hrid=I4ENTNhbAK8pLP_qJmivTQ" />
+		<id>http://www.yelp.com/biz/a09i0TiPG4_yhl-fnzPzDA?hrid=I4ENTNhbAK8pLP_qJmivTQ</id>
+		<updated>2007-05-24T14:32:05-08:00</updated>
+		<summary type="html">Who does this guy pay off?  Every year, he wins the Chii cook off but when you order the chili here in the restaurant, it's Hormel right out of a can!&lt;br /&gt;&lt;br /&gt;tired and uninspired boring diner egg dishes,&amp;#8230;</summary>
+		<geo:long>-83.4709014893</geo:long>	
+		<geo:lat>42.3681983948</geo:lat>
+	</entry>
+	<entry>
+		<title>Liam C.&#39;s Review Of Zack&#39;s of Plymouth - Plymouth (2/5)</title>
+		<link rel="alternate" type="text/html" href="http://www.yelp.com/biz/F0iuCrXUd_fEJ-LZh8wMFw?hrid=2VLIUcC_oI8b_aLTMjYx8w" />
+		<id>http://www.yelp.com/biz/F0iuCrXUd_fEJ-LZh8wMFw?hrid=2VLIUcC_oI8b_aLTMjYx8w</id>
+		<updated>2007-05-24T14:30:12-08:00</updated>
+		<summary type="html">If you like greasy diners with vaguely ethnic workers yelling in orgy-borgy talk back int he kitchen... you're gonna love this place.&lt;br /&gt;&lt;br /&gt;It's cleaner than it's competitors....gotta give them props on&amp;#8230;</summary>
+		<geo:long>-83.4692993164</geo:long>	
+		<geo:lat>42.3581008911</geo:lat>
+	</entry>
+</feed>

examples/zoomLevels.html

@@ -9,7 +9,6 @@
     </style>
     <script src="../lib/OpenLayers.js"></script>
     <script type="text/javascript">
-        <!--
         var lon = 50;
         var lat = 0;
         var zoom = 0;
@@ -18,17 +17,19 @@
         function init(){
             
             var options = { 
-//                            resolutions: [1.40625,0.703125,0.3515625,0.17578125,0.087890625,0.0439453125,0.02197265625,0.010986328125,0.0054931640625,0.00274658203125,0.00137329101],
-//                            scales: [50000000, 10000000],
-//                            maxResolution: 0.17578125,
-//                            minResolution: 0.0439453125,
-//                            maxScale: 10000000,
-//                            minScale: 50000000,
+
+// various ways of specifying similar things
+//                          resolutions: [1.40625,0.703125,0.3515625,0.17578125,0.087890625,0.0439453125,0.02197265625,0.010986328125,0.0054931640625,0.00274658203125,0.00137329101],
+//                          scales: [50000000, 10000000],
+//                          maxResolution: 0.17578125,
+//                          minResolution: 0.0439453125,
+//                          maxScale: 10000000,
+//                          minScale: 50000000,
+//                          numZoomLevels: 5,
                             minResolution: "auto",
                             minExtent: new OpenLayers.Bounds(-1, -1, 1, 1), 
                             maxResolution: "auto",
-                            maxExtent: new OpenLayers.Bounds(-180, -90, 90, 180), 
-//                            numZoomLevels: 5,
+                            maxExtent: new OpenLayers.Bounds(-180, -90, 180, 90), 
                             controls: [new OpenLayers.Control.MouseDefaults()]
                           };
 
@@ -44,7 +45,6 @@
             map.setCenter(new OpenLayers.LonLat(lon, lat), zoom);
         }
         
-        // -->
     </script>
   </head>
   <body onload="init()">