Tag 2.3RC2

git-svn-id: http://svn.openlayers.org/tags/openlayers/release-2.3-rc2@2182 dc9f47b5-9b13-0410-9fdd-eb0c1a62fdaf
Pull up patches for the following bugs from trunk:
2007-01-22 23:27:48 +00:00 · 2007-01-22 23:26:32 +00:00 · 2006-12-31 02:10:30 +00:00
405 changed files with 7793 additions and 40571 deletions
--- a/apidoc_config/Languages.txt
+++ b/apidoc_config/Languages.txt
@@ -1,113 +0,0 @@
-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.
--- a/apidoc_config/Menu.txt
+++ b/apidoc_config/Menu.txt
@@ -1,204 +0,0 @@
-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
-
--- a/apidoc_config/OL.css
+++ b/apidoc_config/OL.css
@@ -1,20 +0,0 @@
-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;
-}
--- a/apidoc_config/Topics.txt
+++ b/apidoc_config/Topics.txt
@@ -1,108 +0,0 @@
-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
--- a/build/build.py
+++ b/build/build.py
@@ -10,12 +10,7 @@ configFilename = "library.cfg"
 outputFilename = "OpenLayers.js"

 if len(sys.argv) > 1:
-    configFilename = sys.argv[1]
-    extension = configFilename[-4:]
-
-    if extension  != ".cfg":
-        configFilename = sys.argv[1] + ".cfg"
-
+    configFilename = sys.argv[1] + ".cfg"
 if len(sys.argv) > 2:
    outputFilename = sys.argv[2]

--- a/build/buildUncompressed.py
+++ b/build/buildUncompressed.py
@@ -1,25 +0,0 @@
-#!/usr/bin/env python
-
-import sys
-sys.path.append("../tools")
-
-import jsmin, mergejs
-
-sourceDirectory = "../lib"
-configFilename = "library.cfg"
-outputFilename = "OpenLayers.js"
-
-if len(sys.argv) > 1:
-    configFilename = sys.argv[1] + ".cfg"
-if len(sys.argv) > 2:
-    outputFilename = sys.argv[2]
-
-print "Merging libraries."
-merged = mergejs.run(sourceDirectory, None, configFilename)
-print "Adding license file."
-merged = file("license.txt").read() + merged
-
-print "Writing to %s." % outputFilename
-file(outputFilename, "w").write(merged)
-
-print "Done."
--- a/build/docs.sh
+++ b/build/docs.sh
@@ -0,0 +1,39 @@
+#!/bin/sh
+
+rm ../doc/reference.html
+CLASSES="Map Layer Layer.Image Layer.HTTPRequest Layer.Grid Layer.WMS Layer.KaMap Layer.EventPane Layer.Google Layer.VirtualEarth Layer.Markers Layer.Text Layer.GeoRSS Layer.Boxes Layer.TMS Icon Marker Marker.Box Tile Tile.Image Tile.WFS Control Control.LayerSwitcher Control.MouseDefaults Control.MousePosition Control.MouseToolbar Control.OverviewMap Control.PanZoom Control.PanZoomBar Control.Permalink Control.Scale LonLat Size Pixel Bounds Util Ajax"
+echo "<html>
+  <head>
+    <title>OpenLayers Class Reference Documentation</title>
+    <style type='text/css'> 
+        .type { background-color: #ddd } 
+        td { border: black solid 1px; padding: 3px;  } 
+        table { border-collapse: collapse; margin: 5px 10px; } 
+        .classref { margin-left: 20px; }
+        div.index { float:left;  width: 300px; }
+    </style>
+  </head>
+  <body>" >> ../doc/reference.html
+
+for i in $CLASSES; do
+echo "<div class='index'><a href='#OpenLayers.$i'>OpenLayers.$i</a></div>" >> ../doc/reference.html
+done
+
+echo "<br style='clear:both' />" >> ../doc/reference.html
+
+for i in $CLASSES; do
+cat ../doc/$i.txt | \
+perl -pe 's!^(.*?) -- (.*?) -- (.*?)$!  <tr><td>$1</td><td>$2</td><td>$3</td></tr>!g; 
+  s!^(  \* )?(.*?) -- (.*?)$!  <tr><td>$2</td><td>$3</td></tr>!g;
+  s!^  \* (.*)$!  </table>\n\n<h3>$1</h3>\n  <table>!;
+  s!{OpenLayers.(.*?)\|(.*?)}!<a href="#OpenLayers.$1" title="OpenLayers.$1">\2</a>!g;
+  s!{OpenLayers.(.*?)}!<a href="#OpenLayers.$1" title="OpenLayers.$1">OpenLayers.$1</a>!;
+  s!{([A-Za-z]+?)\|(.+?)}!<span class="type" title="$1">\2<\/span>!g;
+  s!{([A-Za-z]+?)}!<span class="type" title="$1">$1<\/span>!g;
+  s!^\* (.*)$!</table>\n<h2>$1</h2>\n<table>!;
+  s!^OpenLayers\.(.*)$!<h1><a name="OpenLayers.$1">OpenLayers.$1</a></h1><div class="classref">!' \
+>> ../doc/reference.html 
+echo '</table></div>' >> ../doc/reference.html
+done
+echo "  </body>
+</html>" >> ../doc/reference.html
--- a/build/full.cfg
+++ b/build/full.cfg
@@ -1,15 +0,0 @@
-[first]
-OpenLayers/SingleFile.js
-OpenLayers.js
-OpenLayers/BaseTypes.js
-OpenLayers/BaseTypes/Class.js
-OpenLayers/Util.js
-Rico/Corner.js
-
-[last]
-
-[include]
-
-[exclude]
-Firebug/firebug.js
-Firebug/firebugx.js
--- a/build/library.cfg
+++ b/build/library.cfg
@@ -2,7 +2,6 @@
 OpenLayers/SingleFile.js
 OpenLayers.js
 OpenLayers/BaseTypes.js
-OpenLayers/BaseTypes/Class.js
 OpenLayers/Util.js
 Rico/Corner.js

@@ -11,40 +10,4 @@ Rico/Corner.js
 [include]

 [exclude]
-Firebug/firebug.js
-Firebug/firebugx.js
-OpenLayers/Format/GeoRSS.js
-OpenLayers/Format/GML.js
-OpenLayers/Format/WKT.js
-OpenLayers/Format/KML.js
-OpenLayers/Format/WFS.js
-OpenLayers/Format.js
-OpenLayers/Handler/Path.js
-OpenLayers/Handler/Point.js
-OpenLayers/Handler/Polygon.js
-OpenLayers/Handler/Select.js
-OpenLayers/Geometry/Collection.js
-OpenLayers/Geometry/Curve.js
-OpenLayers/Geometry/LinearRing.js
-OpenLayers/Geometry/LineString.js
-OpenLayers/Geometry/MultiLineString.js
-OpenLayers/Geometry/MultiPoint.js
-OpenLayers/Geometry/MultiPolygon.js
-OpenLayers/Geometry/Point.js
-OpenLayers/Geometry/Polygon.js
-OpenLayers/Geometry/Rectangle.js
-OpenLayers/Geometry/Surface.js
-OpenLayers/Geometry.js
-OpenLayers/Layer/GML.js
-OpenLayers/Layer/Vector.js
-OpenLayers/Control/DrawFeature.js
-OpenLayers/Control/EditingToolbar.js
-OpenLayers/Control/SelectFeature.js
-OpenLayers/Feature/Vector.js
-OpenLayers/Renderer
-OpenLayers/Renderer/Elements.js
-OpenLayers/Renderer/SVG.js
-OpenLayers/Renderer/VML.js
-OpenLayers/Renderer.js
-
-
+OpenLayers/Control/KeyboardDefaults.js
--- a/build/license.txt
+++ b/build/license.txt
@@ -2,8 +2,8 @@

  OpenLayers.js -- OpenLayers Map Viewer Library

-  Copyright 2005-2007 MetaCarta, Inc., released under the license.
-  Please see http://svn.openlayers.org/trunk/openlayers/release-license.txt
+  Copyright 2005-2006 MetaCarta, Inc., released under a modified BSD license.
+  Please see http://svn.openlayers.org/trunk/openlayers/repository-license.txt
  for the full text of the license.

  Includes compressed code under the following licenses:
--- a/build/lite.cfg
+++ b/build/lite.cfg
@@ -2,7 +2,6 @@
 OpenLayers/SingleFile.js
 OpenLayers.js
 OpenLayers/BaseTypes.js
-OpenLayers/BaseTypes/Class.js
 OpenLayers/Util.js

 [last]
@@ -19,5 +18,3 @@ OpenLayers/Tile.js
 OpenLayers/Tile/Image.js

 [exclude]
-Firebug/firebug.js
-Firebug/firebugx.js
--- a/doc/Ajax.txt
+++ b/doc/Ajax.txt
@@ -0,0 +1,9 @@
+OpenLayers contains a number of helper functions for working with AJAX. 
+
+* Methods
+  OpenLayers.loadURL({String|uri}, {String|params}, {Object|caller}, {function|onComplete}, {function|onFailure}) -- none -- This function sends an XMLHTTPRequest to a remote site, specified by URI, with the params string given as the params argument. Caller is bound as 'this' to the function specified by either onComplete or onFailure.
+  OpenLayers.parseXMLString({String|text}) -- {AJAXResponse} -- Accepts a block of text, and creates a DOM response document from the text.
+
+* Parameters
+  OpenLayers.ProxyHost -- When initiating an AJAX request, any URL that is absolute is prefixed with OpenLayers.ProxyHost. The ProxyHost is designed to accept a URL and return the content, in an effort to work around cross-browser security restrictions. This defaults to null, but if you wish to access content from another domain that Javascript would restrict access to, you must set this to be the URL which will accept a URL encoded version of the passed URL and return the content at that URL. An example is available as proxy.txt in the examples/ directory.
+  
--- a/doc/Bounds.txt
+++ b/doc/Bounds.txt
@@ -0,0 +1,21 @@
+OpenLayers.Bounds
+
+This class represents a bounding box. Data stores as left, bottom, right, top floats.
+
+* Constructor
+  OpenLayers.Bounds(left, bottom, right, top) -- Create new Bounds.
+
+* Methods
+  clone() -- {OpenLayers.Bounds} -- Return copy of the current bounds.
+  toString() -- {String} -- Return bounds as string. 
+  toBBOX() -- {String} -- Return bounds as simple string, usable for WMS.
+  getWidth() -- {float} -- Return width of bounds.
+  getHeight() -- {float} -- Return height of bounds.
+  getSize() -- {OpenLayers.Size} -- Return size of bounds.
+  getCenterPixel() -- {OpenLayers.Pixel} -- Return center of bounds as pixel.
+  getCenterLonLat() -- {OpenLayers.LonLat} -- Return center of bounds as LonLat.
+  equals({OpenLayers.Bounds|bounds}) -- {Boolean} -- whether or not the bounds are equivilant.
+  add({float|x}, {float|y}) -- {OpenLayers.Bounds} -- Shift bounds by x and y. 
+  contains({float|x}, {float|y}, {Boolean|inclusive}) -- {Boolean} -- Return Whether or not the passed-in coordinates are within this bounds 
+  containsBounds({OpenLayers.Bounds|bounds}, {Boolean|partial}, {Boolean|inclusive}) -- {Boolean} -- Returns whether or not the passed-in OpenLayers.Bounds object is contained within this bounds. partial indicates whether bounds must be contained or only overlap. Inclusive determines whether border is included.
+  determineQuadrant({OpenLayers.LonLat|lonlat}) -- {String} -- Determine which quadrant the LonLat is in. Returns combination of "b" or "t" and "l" or "r".
--- a/doc/Control.LayerSwitcher.txt
+++ b/doc/Control.LayerSwitcher.txt
@@ -0,0 +1,14 @@
+OpenLayers.Control.LayerSwitcher
+
+This control will by default display a small image in the upper right corner of the map. When clicked, this image expands into a control which allows one to select between multiple types of layers, seperated into two types: Base Layers and Overlays. Only one base layer can be selected at a time, and is enforced by a radio button control being used. Multiple overlays can be selected at once, and a checkbox control is visible for this functionality.
+* Constructor
+  OpenLayers.Control.LayerSwitcher({Object|options}?) -- Creates a new control.
+
+* Methods
+  maximizeControl() -- none -- Expand the layer switcher control.
+  minimizeControl() -- none -- Close the layer switcher control.
+
+* Parameters
+  position -- (inherited from {OpenLayers.Control}) {OpenLayers.Pixel} to use as the top-left corner of the control div, relative to the map area.
+  activeColor -- The color to use for the background of the layer switcher div.
+  ascending -- Ascending determines whether layers are added to the layer switcher in ascending or descending order. If ascending is true, the lowest layer is appended to the list first. If ascending is false, the lowest layer is at the very bottom of the LayerSwitcher. Default is true.  
--- a/doc/Control.MouseDefaults.txt
+++ b/doc/Control.MouseDefaults.txt
@@ -0,0 +1,19 @@
+OpenLayers.Control.MouseDefaults
+
+Control to set up mouse handling. This includes clicks, double clicks, scrollwheel events, and mouse movement. There are a number of functions which act as the default handlers for these events: if you wish to create your own mouse control which behaves differently, you should create a subclass of MouseDefaults, replacing the functions whose behavior you wish to change.
+
+
+* Constructor
+  OpenLayers.Control() -- Creates a new control. No options available. 
+
+* Methods
+  defaultClick -- none -- This event takes place when a click event occurs on the map.
+  defaultDblClick -- none -- This event re-centers the map on the clicked location.
+  defaultMouseDown -- none -- This event starts a dragging event, so that the map can be dragged. If the shift key is held, it starts a 'zoombox' or rubber-band-zoom action instead.
+  defaultMouseMove -- none -- If a mouseDrag is in operation, this function causes the map to move to follow the cursor. If a zoombox is in place, this increases the size of the zoombox element to match the cursor.
+  defaultMouseUp -- none -- This function is called when a mouseup event is received, and either sets the center of the map to be the final location or zooms to the zoombox if enabled.
+  defaultMouseOut -- none -- This calls defaultMouseUp, so that when you mouse out of the map div, the events are stopped.
+  defaultWheelUp -- none -- Zooms in one level. Called by onWheelEvent
+  defaultWheelDown -- none -- Zooms out one level. Called by onWheelEvent.
+  onWheelEvent -- none -- catches the map wheel event, and handles it, zooming appropriately. 
+  
--- a/doc/Control.MousePosition.txt
+++ b/doc/Control.MousePosition.txt
@@ -0,0 +1,32 @@
+OpenLayers.Control.MousePosition
+
+A small control which displays the Longitude and Latitude of the current mouse position, by defualt in the lower right of the map viewport.
+
+* Constructor
+  OpenLayers.Control.MousePosition({Object|options}) -- Creates a new MousePosition control.
+  
+  
+* Parameters
+
+  element -- if not null, div in which to display the MousePosition
+  prefix -- html to precede the longitude value (default: '')
+  separator -- html to separate the longitude and latitude values (default: '<br />')
+  suffix -- html to follow the latitude value (default: '')
+  numdigits -- number of digits to the right of the decimal (default: 5)
+  granularity -- Don't refresh display if mouse has moved more than this (default: 10)
+
+prefix, separator, and suffix are used to format the lon/lat values.
+
+With:
+   prefix = 'Lon:&nbsp;'
+   suffix = '<br />Lat:&nbsp;'
+   suffix = ''
+   nudigits = 3
+Lon/Lat is displayed as:
+    Lon: 95.123
+	Lat: 35.456
+
+If the mouse has never been over the map, Lon/Lat will equal 0/0.  If the mouse is over the map, Lon/Lat will equal the current mouse position.  If the mouse has been moved off the map, Lon/Lat will equal the value displayed at the time the mouse was moved off the map.
+
+If the mouse is moving slowly, the Lon/Lat will refresh continuously.  If the mouse is moving rapidly, the refresh of Lon/Lat will be suspended until the mouse has slowed down or stopped.  (Trying to update the Lon/Lat value while the mouse is in rapid movemement makes the movement of the mouse unacceptably jerky.)
+
--- a/doc/Control.MouseToolbar.txt
+++ b/doc/Control.MouseToolbar.txt
@@ -0,0 +1,15 @@
+OpenLayers.Control.MouseToolbar
+
+Control to set up mouse handling. This includes clicks, double clicks, scrollwheel events, and mouse movement. There are a number of functions which act as the default handlers for these events: if you wish to create your own mouse control which behaves differently, you should create a subclass of MouseToolbar, replacing the functions whose behavior you wish to change. Additionally, a toolbar of images can be clicked to start events, as well as using the keyboard shortcuts. Note that if you wish to use the MouseToolbar, you *must* add a 'controls' option to the map constructor, otherwise you will have both MouseDefaults and MouseToolbar on the map, which will not work.
+
+* Constructor
+  OpenLayers.Control.MouseToolbar({OpenLayers.Pixel|position}, {String|direction}) -- Creates a new control. The direction of the control can be either "vertical" or "horizontal". The default is vertical.
+
+* Methods
+  defaultClick -- none -- This event takes place when a click event occurs on the map.
+  defaultDblClick -- none -- This event re-centers the map on the clicked location.
+  defaultMouseDown -- none -- This event starts a dragging event, so that the map can be dragged. If the shift key is held, it starts a 'zoombox' or rubber-band-zoom action instead.
+  defaultMouseMove -- none -- If a mouseDrag is in operation, this function causes the map to move to follow the cursor. If a zoombox is in place, this increases the size of the zoombox element to match the cursor.
+  defaultMouseUp -- none -- This function is called when a mouseup event is received, and either sets the center of the map to be the final location or zooms to the zoombox if enabled.
+  defaultMouseOut -- none -- This calls defaultMouseUp, so that when you mouse out of the map div, the events are stopped.
+  
--- a/doc/Control.OverviewMap.txt
+++ b/doc/Control.OverviewMap.txt
@@ -0,0 +1,38 @@
+OpenLayers.Control.OverviewMap
+
+This control provides a locator or overview map linked to another map. By default, the overview map shows up in the lower right of the main map and can be expdaned with the '+' button.
+
+* Constructor
+  OpenLayers.Control.OverviewMap(opts?) -- Creates a new overview map. The opts variable is an object with various options, as described in the options section below.
+  
+* Methods
+isSuitableOverview() -- {Boolean} -- Determines if the overview map is suitable given the extent and resolution of the main map.
+getRectPxBounds() -- {OpenLayers.Bounds|bounds} -- An OpenLayers.Bounds which is the extent rectangle's pixel bounds (relative to the parent element).
+setRectPxBounds({OpenLayers.Bounds|bounds}) -- none -- Set extent rectangle pixel bounds.
+getRectBoundsFromMapBounds({OpenLayers.Bounds|lonLatBounds}) -- {OpenLayers.Bounds|bounds} -- An OpenLayers.Bounds which is the passed-in map lon/lat extent translated into pixel bounds for the overview map.
+getMapBoundsFromRectBounds({OpenLayers.Bounds|pxBounds]}) -- {OpenLayers.Bounds|bounds} -- An OpenLayers.Bounds which is the passed-in overview rect bounds translated into lon/lat bounds for the overview map.
+getLonLatFromOverviewPx({OpenLayers.Pixel|pixel}) -- {OpenLayers.LonLat|lonlat} -- An OpenLayers.LonLat which is the passed-in overview map OpenLayers.Pixel translated into lon/lat by the overview map.
+getOverviewPxFromLonLat({OpenLayers.LonLat|lonlat}) -- {OpenLayers.Pixel|pixel} -- An OpenLayers.Pixel which is the passed-in OpenLayers.LonLat, translated into overview map pixels
+
+
+* Events
+  * Rectangle events
+They are defined on OverviewMap.rectEvents
+	
+  mouseover -- rectangle is moused over
+  mouseout -- rectangle is no longer mousedout
+  mousemove -- mouse moves inside rectangle
+  mousedown -- mouse button is pressed over the rectangle.
+  mouseup -- mouse button is released over the rectangle.
+  click -- mouse clicked
+  dblclick -- mouse double clicked
+	
+  * Map events
+	They are defined on OverviewMap.mapDivEvents
+	
+  click -- mouse clicked	
+  
+* Options:
+  * minRatio -- The ratio of the overview map resolution to the main map resolution at which to zoom farther out on the overview map.
+  * maxRatio -- The ratio of the overview map resolution to the main map resolution at which to zoom farther in on the overview map.
+  * layers -- Ordered list of layers in the overview map.  If none, then the map base layer is used.
--- a/doc/Control.PanZoom.txt
+++ b/doc/Control.PanZoom.txt
@@ -0,0 +1,9 @@
+OpenLayers.Control.PanZoom
+
+Creates a small toolset for controlling the location of the map with panning and zooming, including four directional arrows, a zoom in and zoom out, and one button which zooms to the max extent of the map.
+
+* Constructor
+  OpenLayers.Control.PanZoom({Object|options}) -- Creates a new panzoom control.
+
+* Parameters
+  slideFactor -- Number of pixels by which to slide the map when a pan arrow is clicked.
--- a/doc/Control.PanZoomBar.txt
+++ b/doc/Control.PanZoomBar.txt
@@ -0,0 +1,6 @@
+OpenLayers.Control.PanZoomBar
+
+Creates a small toolset for controlling the location of the map with panning and zooming, including four directional arrows, a zoom in and zoom out, and a bar on which a slider can be moved to zoom in or out by multiple stops at once.
+
+* Constructor
+  OpenLayers.Control.PanZoomBar() -- Creates a new panzoombar control.
--- a/doc/Control.Permalink.txt
+++ b/doc/Control.Permalink.txt
@@ -0,0 +1,6 @@
+OpenLayers.Control.Permalink
+
+A small control which updates a "Permalink" to the map every time the viewport changes. This allows users to copy a link to a specfic map view. By default, it places itself in the lower right corner of the map. This control must be added to the map after a baselayer has been set.  
+
+* Constructor
+  OpenLayers.Control.Scale({DOMElement|element}?, {String|base}) -- Creates a new permalink control. The DOMElement is used, if passed, as the element on which the 'href' is set. If you prefer to put this link on an element outside of the map, set this element to an anchor element to have its href updated when the map moves. If you wish to make the link go to some other URL (for example, an editing interface rather than the current URL), the 'base' property can be used, to which the ?lat=&lon=&zoom= will be appended after the map has moved.
--- a/doc/Control.Scale.txt
+++ b/doc/Control.Scale.txt
@@ -0,0 +1,6 @@
+OpenLayers.Control.Scale
+
+A small control which displays an informative scale value, a la "1:50K" , by defualt in the lower right of the map viewport.
+
+* Constructor
+  OpenLayers.Control.Scale({DOMElement|element}?) -- Creates a new scale control. The DOMElement is used, if passed, to put the scale inside -- this allows you to have the scale displayed in some location outside the map. 
--- a/doc/Control.txt
+++ b/doc/Control.txt
@@ -0,0 +1,9 @@
+OpenLayers.Control
+
+Base class from which controls are derived. Controls are elements of the map used to control things like zoom, layer status, or to provide information to the user about the status of the map, such as scale or copyright information.
+
+* Constructor
+  OpenLayers.Control({Object|options}?) -- Creates a new control. The options here are used to control parameters of the control. The base control defines only "position", which is designed to be an {OpenLayers.Pixel} which is the top-left of the location of the control relative to the map div. 
+
+* Parameters
+  position -- {OpenLayers.Pixel} to use as the top-left corner of the control div, relative to the map area.
--- a/doc/Icon.txt
+++ b/doc/Icon.txt
@@ -0,0 +1,9 @@
+OpenLayers.Icon
+
+Icon is used as the visual representation of a Marker. Creating such a representation requres up to three parts: An Icon URL, a size, and an offset. The icon URL is a pointer to an image to use as an icon. The size is the size of the image, as an {OpenLayers.Size} object, and the offset is the position of the top left corner of the image in pixels, relative to the latitude and longitude of the Marker.
+
+* Constructor
+  OpenLayers.Icon({String|url}, {OpenLayers.Size|size}, {OpenLayers.Pixel|offset}) -- creates a new icon.
+
+* Methods
+  clone() -- {OpenLayers.Icon} -- Create an exact copy of the icon.
--- a/doc/Layer.Boxes.txt
+++ b/doc/Layer.Boxes.txt
@@ -0,0 +1,7 @@
+OpenLayers.Layer.Boxes
+
+A subclass of the markers layer, this layer draws boxes using div elements
+instead of icons using images.
+
+* Constructor
+  OpenLayers.Layer.Boxes(name, options) -- Same as OpenLayers.Layer.Markers.
--- a/doc/Layer.EventPane.txt
+++ b/doc/Layer.EventPane.txt
@@ -0,0 +1,6 @@
+OpenLayers.Layer.EventPane
+
+Designed to act as a super-class for layers which need OpenLayers to intercept click events. Google Maps and Microsoft Virtual Earth both use this functionality, in order to allow for actions like the rubber-band-zoom/zoombox functionality. This Layer is not designed to be used on its own, but instead to act as an intermediary between the user and layers which have their own click handlers.
+
+* Constructor
+  OpenLayers.Layer.EventPane(name, options) -- Only designed to be used by subclasses.
--- a/doc/Layer.GeoRSS.txt
+++ b/doc/Layer.GeoRSS.txt
@@ -0,0 +1,12 @@
+OpenLayers.Layer.GeoRSS
+
+GeoRSS layer. Pass a name and location of a GeoRSS file on the web, and a marker will be added to the map for each item in the GeoRSS feed. Uses OpenLayers.loadURL to load the XML, parses the data, and adds markers to the map. The GeoRSS layer supports 1.0 and 2.0 in IE and Firefox, and supports 2.0 in Safari. (Ticket #111 explains the reason for this difference.)
+
+
+* Constructor
+  OpenLayers.Layer.GeoRSS(name, url) -- Name and location of GeoRSS XML file.
+
+* Methods
+  parseData(ajaxResponse) -- none -- Callback for the loadURL call. This function parses the XML for the GeoRSS feed, creating markers for the data and adding a popup to each marker. It populates an array of features as 'this.features'.
+  markerClick(Event) -- none -- Action to perform when a marker is clicked.
+  clearFeatures() -- none -- Removes all features and markers from the map.
--- a/doc/Layer.Google.txt
+++ b/doc/Layer.Google.txt
@@ -0,0 +1,16 @@
+OpenLayers.Layer.Google
+
+The Google Layer in OpenLayers allows you to include Google Maps functionality in your OpenLayers maps. In order to use the Google Layer, you must first obtain an API key for Google Maps, and include the Google Maps API script in your page. Once you have done this, 
+
+* Constructor
+  OpenLayers.Layer.Google(name, options?) -- Constructor for Google layer. Accepts name and options.
+
+* Methods
+  getOLLonLatFromGLatLng(GLonLat) -- {OpenLayers.LonLat} -- Convert from GLatLon to OpenLayers LonLat
+  getGLatLngFromOLLonLat({OpenLayers.LonLat|lonlat}) -- GLatLon -- Convert From OpenLayers LonLat to GLatLon
+  getOLPixelFromGPoint(GPoint) -- {OpenLayers.Pixel} -- Convert from GPoint to OpenLayers.Pixel
+  getGPointFromOLPixel({OpenLayers.Pixel|pixel}) -- GPoint -- Create GPoint from OpenLayers Pixel.
+  
+* Parameters
+  type -- one of G_NORMAL_MAP, G_SATELLITE_MAP, G_HYBRID_MAP, used to choose the type of map to display. (See <a href="http://www.google.com/apis/maps/documentation/reference.html#GMapType">GMapType in the Google documentation</a> for more.)
+  
--- a/doc/Layer.Grid.txt
+++ b/doc/Layer.Grid.txt
@@ -0,0 +1,31 @@
+OpenLayers.Layer.Grid
+
+The Grid layer is the base layer for almost all image layers. This is a subclass of HTTPRequest.
+
+* Constructor
+  OpenLayers.Layer.Grid(name, url, params, options) -- URL is the base URL to the layer. Params is a set of params to be included in the HTTP Request. Options is a set of options, extending the parameters of the layer.
+
+* Methods
+  getGridBounds() -- {OpenLayers.Bounds} -- return geographic extent of the grid of tiles.
+  _initTiles() -- none -- Used to initialize the tile grid, creating image elements as neccesary and filling them with the correct images.
+  spiralTileLoad() -- none -- Called from _initTiles. Rotates through the grid filling in the images for the grid.
+  clone() -- {OpenLayers.Layer.Grid} -- create a clone of the layer. Subclassed from {OpenLayers.Layer}.
+  setMap(map) -- none -- Set the map property of the layer. Also set the parameters which are inherited from the map. This is also where the tileSize is retrieved from the map. Subclassed from {OpenLayers.Layer}.
+  moveTo({OpenLayers.Bounds|bounds}, {Boolean|zoomChanged}) -- none -- Not implemented here, but the general function called on dragging or setCenter, to move the Layer to a new geographic location. Subclassed from {OpenLayers.Layer}.
+  getResolution() -- {float} -- Return the current resolution of the map, in units/pixel. Subclassed from {OpenLayers.Layer}.
+  getExtent() -- {OpenLayers.Bounds} -- Return the geographic extent of the current map viewport. Subclassed from {OpenLayers.Layer}.
+  getZoomForExtent({OpenLayers.Bounds|bounds}) -- {Integer} -- return the integer zoom which most closely matches the passed bounds. Subclassed from {OpenLayers.Layer}.
+  getLonLatFromViewPortPx({OpenLayers.Pixel|pixel}) -- {OpenLayers.LonLat} -- Returns an OpenLayers.LonLat which is the passed-in view port OpenLayers.Pixel, translated into lon/lat by the layer. Subclassed from {OpenLayers.Layer}.
+  getViewPortPxFromLonLat({OpenLayers.LonLat|lonlat}) -- {OpenLayers.Pixel} -- Returns An OpenLayers.Pixel which is the passed-in OpenLayers.LonLat, translated into view port pixels. Subclassed from {OpenLayers.Layer}.
+
+* Parameters
+  buffer -- Default 2. Number of tiles around the central map area which OpenLayers will preload so that dragging goes more smoothly.
+  * Subclassed from OpenLayers.Layer
+  isBaseLayer -- This determines whether the layer is a base layer or an overlay. Only one Base Layer can be displayed on the map at once. Default is false.
+  projection -- SRS string to describe the layer. If this is set on the map before the Layer is added to the map, it will inherit from the map.
+  maxExtent -- an OpenLayers.Bounds for the layer. This is the maximum geographic extent of the layer. If this is set on the map before the Layer is added to the map, it will inherit from the map.
+  maxResolution -- The number of degrees per pixel at zoom level 0. If this is set on the map before the Layer is added to the map, it will inherit from the map.
+  maxZoomLevel -- The maximum zoom level for the layer. If this is set on the map before the Layer is added to the map, it will inherit from the map.
+  minScale -- The scale at zoom level 0. If this is set on the map before the Layer is added to the map, it will inherit from the map.
+  maxScale -- The scale at the highest zoom level. If this is set on the map before the Layer is added to the map, it will inherit from the map.
+  units -- The units the map is projected into. If this is set on the map before the Layer is added to the map, it will inherit from the map.
--- a/doc/Layer.HTTPRequest.txt
+++ b/doc/Layer.HTTPRequest.txt
@@ -0,0 +1,13 @@
+OpenLayers.Layer.HTTPRequest
+
+Sublass of Layer used for services which require initiating multiple HTTPRequests.
+
+* Constructor
+  OpenLayers.Layer.HTTPRequest(name, url, params, options) -- URL is the base URL to the layer. Params is a set of params to be included in the HTTP Request. Options is a set of options, extending the parameters of the layer.
+
+* Methods
+  initResolutions() -- none -- Based on the current minScale/maxScale/maxResolution/numZoomLevel/scales/resolutions parameters, initializes an array of 'zoom levels' as this.resolutions, which are then used as an index into when zooming.
+  getFullRequestString(newParams) -- {String} -- Returns the full request string for a combination of the defaults on this layer and the parameters passed via newParams.
+
+* Options
+  reproject -- If reproject is true, then the layer will alter the bounding boxes of its tiles to be based on the geographic location of the pixel bounds in the base layer. This is important for reprojecting WMS tiles onto something like Google Maps. Tile locations are calculated, and then when creating the tile request, the bounding box is adjusted to match the bounding box of the base layer at that location.    
--- a/doc/Layer.Image.txt
+++ b/doc/Layer.Image.txt
@@ -0,0 +1,9 @@
+OpenLayers.Layer.Image
+
+The Image Layer allows you to load a single image and use it as a layer in your
+map.
+
+
+* Constructor
+  OpenLayers.Layer(name, url, {OpenLayers.Bounds|bounds}, {OpenLayers.Size|size}, {options}) -- Image Layer constructor requires a name, URL of the image, geographic bounds of the image, pixel size of the image, and an optional options parameter. 
+
--- a/doc/Layer.KaMap.txt
+++ b/doc/Layer.KaMap.txt
@@ -0,0 +1,7 @@
+OpenLayers.Layer.KaMap
+
+ka-Map is a Mapserver wrapper which performs caching and works around many of the deficiencies with tiling when using Mapserver as a WMS client.
+
+* Construtor
+  OpenLayers.Layer.KaMap(name, url, params, options) -- URL is the url of the tile.php for KaMap.
+
--- a/doc/Layer.Markers.txt
+++ b/doc/Layer.Markers.txt
@@ -0,0 +1,13 @@
+OpenLayers.Layer.Markers
+
+The base class for all vector drawing, The OpenLayers.Layer.Markers layer is the primary way to get annotations into your map. 
+
+* Constructor
+  OpenLayers.Layer.Markers(name, options) -- Name and options for layer.
+
+* Methods
+  addMarker({OpenLayers.Marker|Marker}) -- none -- Adds a marker to the layer, sets the map object on the marker, and calls drawMarker on the marker.
+  removeMarker({OpenLayers.Marker|Marker}) -- none -- Remove the marker from the layer and map.
+  clearMarkers() -- none -- Remove all markers from the layer with removeMarker.
+  redraw() -- none -- Redraw all markers. Used so that markers can change their position when a base layer changes.
+  drawMarker -- none -- Call marker.draw(px), which passes the Pixel of the latitude/longitude in the map viewport to the marker. adds the marker to the div, and marks the marker as drawn.
--- a/doc/Layer.TMS.txt
+++ b/doc/Layer.TMS.txt
@@ -0,0 +1,15 @@
+OpenLayers.Layer.TMS
+
+The TMS layer allows one to connect to a TMS -- Tiled Map Service -- server to obtain images. 
+
+* Constructor
+  OpenLayers.Layer.TMS(name, url, options) -- URL is the base URL to the layer. Options is a set of options, extending the parameters of the layer.
+
+* Methods
+  getURL({OpenLayers.Bounds|bounds}) -- {String} -- Returns a TMS URL for the given bounds based on the properties of the layer.
+  All other methods are inherited from {OpenLayers.Layer.Grid}
+  
+* Options 
+  tileOrigin -- The tileOrigin option will allow you to set your tileOrigin to something other than the lower left extent of your map. 
+  layername -- Name of the layer in the TMS request.
+  type -- The extension images have. 
--- a/doc/Layer.Text.txt
+++ b/doc/Layer.Text.txt
@@ -0,0 +1,10 @@
+OpenLayers.Layer.Text
+
+Subclass of Markers layer which retrieves CSV file from the web, and parses content to create markers and popups.
+
+* Constructor
+  OpenLayers.Layer.Text(name, options) -- Pass in name, and set location: 'URL of CSV file' in the options hash.
+
+* Methods
+  parseData(ajaxRequest) -- none -- Parses returned CSV file. 
+
--- a/doc/Layer.VirtualEarth.txt
+++ b/doc/Layer.VirtualEarth.txt
@@ -0,0 +1,14 @@
+OpenLayers.Layer.VirtualEarth
+
+The Virtual Earth Layer in OpenLayers allows you to include Virtual Earth Maps in your OpenLayers maps. In order to use the Virtual Earth Layer, you must first include the Virtual Earth API script in your page. Once you have done this, simply add the layer to your map.
+
+* Constructor
+  OpenLayers.Layer.VirtualEarth(name) -- Constructor for Virtual Earth layer. Accepts name.
+
+* Methods
+  getOLLonLatFromVELatLng(VELatLon) -- {OpenLayers.LonLat} -- Convert from VELatLon to OpenLayers LonLat
+  getVELatLngFromOLLonLat({OpenLayers.LonLat|lonlat}) -- VELatLon -- Convert From OpenLayers LonLat to VELatLon
+  getOLPixelFromVEPoint(Msn.VE.Pixel) -- {OpenLayers.Pixel} -- Convert from VEPoint to OpenLayers.Pixel
+  getGPointFromOLPixel({OpenLayers.Pixel|pixel}) -- Msn.VE.Pixel -- Create Msvn.VE.Pixel from OpenLayers Pixel.
+  
+  
--- a/doc/Layer.WMS.txt
+++ b/doc/Layer.WMS.txt
@@ -0,0 +1,15 @@
+OpenLayers.Layer.WMS
+
+The WMS layer allows one to connect to a WMS server to obtain images. Params are available as a hash on the layer object, however, all keys are upper-cased automatically for maximum compatibility with WMS servers, so a parameter which is set as 'layers' will be uppercased to LAYERS. Where 'layer' is your Javscript variable for the layer, layer.params.LAYERS is the value of the layers param as set by the constructor.
+
+If you wish to change params, you should use mergeNewParams, rather than accessing the parameters directly.
+
+* Constructor
+  OpenLayers.Layer.WMS(name, url, params, options) -- URL is the base URL to the layer. Params is a set of params to be included in the HTTP Request. Options is a set of options, extending the parameters of the layer.
+
+* Methods
+  getURL({OpenLayers.Bounds|bounds}) -- {String} -- Returns a WMS URL for the given bounds based on the properties of the layer.
+  All other methods are inherited from {OpenLayers.Layer.Grid}
+  
+* Options 
+  isBaseLayer -- WMS layers default to being base layers unless one of their parameters is 'transparent':'true'.
--- a/doc/Layer.txt
+++ b/doc/Layer.txt
@@ -0,0 +1,40 @@
+OpenLayers.Layer
+
+Layers are the most important and central aspect of OpenLayers. They are the 
+core functionality for the software: Everything that ends up on the map comes
+from a layer. The base layer class is designed to be subclassed by any number
+of different layers.
+
+* Constructor
+  OpenLayers.Layer(name, options) -- All layers have a name as their first param. This name is used to display the layer in the LayerSwitcher, and for other purposes. The options parameter is used to replace any parameters of the Layer which need to be different.
+
+* Methods
+  clone() -- {OpenLayers.Layer} -- create a clone of the layer.
+  setName({String|name}) -- none -- Set the name of the layer to something different.
+  moveTo({OpenLayers.Bounds|bounds}, {Boolean|zoomChanged}) -- none -- Not implemented here, but the general function called on dragging or setCenter, to move the Layer to a new geographic location.
+  setMap(map) -- none -- Set the map property of the layer. Also set the parameters which are inherited from the map.
+  getVisibility() -- {Boolean} -- Return true or false based on visibility of the layer.
+  setVisibility({Boolean|visible}) -- none -- Set the layer visibility, and trigger the appropriate events.
+  getResolution() -- {float} -- Return the current resolution of the map, in units/pixel.
+  getExtent() -- {OpenLayers.Bounds} -- Return the geographic extent of the current map viewport.
+  getZoomForExtent({OpenLayers.Bounds|bounds}) -- {Integer} -- return the integer zoom which most closely matches the passed bounds.
+  getLonLatFromViewPortPx({OpenLayers.Pixel|pixel}) -- {OpenLayers.LonLat} -- Returns an OpenLayers.LonLat which is the passed-in view port OpenLayers.Pixel, translated into lon/lat by the laye
+  getViewPortPxFromLonLat({OpenLayers.LonLat|lonlat}) -- {OpenLayers.Pixel} -- Returns An OpenLayers.Pixel which is the passed-in OpenLayers.LonLat, translated into view port pixels
+  addOptions({options})) -- none -- Change the options on the layer. This is the supported way to change properties of the layer. 
+  
+* Parameters
+  displayOutsideMaxExtent -- Determine whether images or data are loaded outside the maxExtent. Default is false.
+  isBaseLayer -- This determines whether the layer is a base layer or an overlay. Only one Base Layer can be displayed on the map at once. Default is false.
+  projection -- SRS string to describe the layer. If this is set on the map before the Layer is added to the map, it will inherit from the map.
+  maxExtent -- an OpenLayers.Bounds for the layer. This is the maximum geographic extent of the layer. If this is set on the map before the Layer is added to the map, it will inherit from the map.
+  maxResolution -- The number of degrees per pixel at zoom level 0. If this is set on the map before the Layer is added to the map, it will inherit from the map.
+  maxZoomLevel -- The maximum zoom level for the layer. If this is set on the map before the Layer is added to the map, it will inherit from the map.
+  minScale -- The scale at zoom level 0. If this is set on the map before the Layer is added to the map, it will inherit from the map.
+  maxScale -- The scale at the highest zoom level. If this is set on the map before the Layer is added to the map, it will inherit from the map.
+  units -- The units the map is projected into. If this is set on the map before the Layer is added to the map, it will inherit from the map.
+  
+
+ 
+ 
+
+  
--- a/doc/LonLat.txt
+++ b/doc/LonLat.txt
@@ -0,0 +1,13 @@
+OpenLayers.LonLat
+
+This class represents a geographic coordinate pair, either projected or unprojected.
+
+* Constructor
+  OpenLayers.LonLat({float|lon}, {float|lat}) -- Create LonLat.
+
+* Methods
+  toString() -- {String} -- Converts to human readable string.
+  toShortString() -- {String} -- Converts to short human readable string.
+  clone() -- {OpenLayers.Size} -- Returns a copy of the pixel.
+  equals({OpenLayers.LonLat|ll}) -- {Boolean} -- Compares two LonLats. 
+  add({int|lon}, {int|lat}) -- {OpenLayers.LonLat} -- add x and y to the current coordinates.
--- a/doc/Map.txt
+++ b/doc/Map.txt
@@ -0,0 +1,77 @@
+OpenLayers.Map
+
+Instantiate class {OpenLayers.Map} in order to create a map. This is the central class in the API. Everything else is auxiliary.
+
+* Constructor
+  OpenLayers.Map(container,  opts?) -- Creates a new map inside of the given HTML container, which is typically a DIV element. The opts variable is an object with various options, as described in the options section below.
+  
+* Methods
+  * Layer Management 
+  addLayer({OpenLayers.Layer|layer}) -- none -- adds a layer to the list currently set for the map. 
+  addLayers([ {OpenLayers.Layer|layer}, {OpenLayers.Layer|layer} ]) -- none -- Adds multiple layers to a map.
+  removeLayer({OpenLayers.Layer|layer}) -- none -- Remove a layer from the map.
+  setBaseLayer({OpenLayers.Layer|layer}) -- none -- Sets a new base layer for the map. The provided layer should have already been added to the map. Changing the base layer causes all other base layers to be turned off, and all overlays to reproject themselves. 
+  
+  * Control Management
+  addControl({OpenLayers.Control|control}) -- none -- Adds a control to the map.
+  
+  * Popup Management
+  addPopup({OpenLayers.Popup|popup}, {Boolean|exclusive}) -- none -- adds a popup to the map. If exclusive is set to true, then all other popups are closed first.
+  removePopup({OpenLayers.Popup|popup}) -- none -- removes an existing popup from the map.
+
+  * Center management
+  setCenter({OpenLayers.LonLat|lonlat}, {int|zoom}) -- none -- Set the center point of the map. This then moves all the layers to the new center location as well, using each layer's 'moveTo' function. The 'zoom' is an integer from 0 to maxZoomLevel.
+  pan({Integer|dx}, {Integer|dy}) -- none -- Allows user to pan by a value of screen pixels
+  
+  * Zoom Management
+  zoomTo({int|zoom}) -- none -- zoom to the given zoom level.
+  zoomIn() -- none -- zoom in one level.
+  zoomOut() -- none -- zoom out one level.
+  zoomToExtent({OpenLayers.Bounds|bounds}) -- none -- Set the map such that the bounds fits within the current viewport area.
+  zoomToMaxExtent() -- none -- Zoom such that the entire bounds of the map is contained in the viewport.
+  zoomToScale({float}) -- none -- Zoom as close to the given scale as possible. Scale can be given as a ratio (1/24000) or as the denominator of the scale value (24000). zoomToScale will find the zoom level which most closely fits the requested scale and set that as the current zoom level.
+
+  * Current Map Information
+  getLonLatFromPixel({OpenLayers.Pixel|pixel}) -- {OpenLayers.LonLat} -- Returns OpenLayers.LonLat corresponding to the given OpenLayers.Pixel, translated into lon/lat by the current base layer
+  getPixelFromLonLat({OpenLayers.LonLat|lonlat}) -- {OpenLayers.Pixel} -- Returns OpenLayers.Pixel corresponding to the given OpenLayers.LonLat, translated by the current base layer  
+  getCenter() -- {OpenLayers.LonLat} -- Returns a LonLat for the current center of the map
+  getZoom() -- {Integer} -- Returns the current zoom level as an integer
+  getExtent() -- {OpenLayers.Bounds} -- Returns a Bounds object which represents the geographic bounds of the current viewPort. 
+  getSize() -- {OpenLayers.Pixel} -- Returns the pixel size of the current map window.
+  getTileSize() -- {OpenLayers.Size} -- Returns tile size currently set for map.
+  getResolution() -- {float} -- Returns the current resolution (units/pixel) of the map
+  getZoomForExtent({OpenLayers.Bounds|bounds}) -- Zoom level in which the given bounds will fit -- zooming to this level and setting the center of the map in the center of the bounds will always fit the given bounds in the map.
+  
+  * Default Map Information 
+  getMaxResolution() -- {float} -- returns The Map's Maximum Resolution, the units/pixel at zoom level 0. The default is 1.40625, to match the approximate MaxResolution used by the commercial providers. 
+  getMaxExtent() -- {OpenLayers.Bounds} -- Return the max extent of the current base layer as defined on the layer. The default maxExtent for OpenLayers is -180,-90,180,90
+  getMaxZoomLevel() -- {int} -- Returns the maximum zoom level that can be reached in the map for the current base layer
+  getMinZoomLevel() -- {int} -- Returns the minimum zoom level that can be reached in the map for the current base layer
+
+* Events
+  addlayer -- a layer is added to the map
+  removelayer -- a layer is removed from the map
+  changelayer -- a layer has some property of it, typically visibility, changed.
+  changebaselayer -- the current base layer changes
+  movestart -- start of a movement in the map       
+  move -- end of movement in a map. this happens while te mouse is dragging as well as for all other events.
+  moveend -- end of movement in a map, but does not happen when the 'dragging' flag is set, as is the case when the move event is in the middle of a drag action.         
+  zoomend -- end of a zoom action
+  mouseover -- map is moused over
+  mouseout -- map is no longer mousedout
+  mousemove -- mouse moves inside map
+  dragstart -- drag action starts
+  dragend -- drag action ends
+  
+* Options:
+  * controls -- an array of control objects to be added to the map. The default is [new OpenLayers.Control.MouseDefaults(), new OpenLayers.Control.PanZoom()] 
+  * projection -- used by WMS layers, should be an SRS identifier.
+  * maxZoomLevel -- The number of zoom levels to use in the map.
+  * maxExtent -- {OpenLayers.Bounds} to be used as the maximum extent of a map. The center of the map can not leave the maxExtent of the map when dragging.
+  * maxResolution -- The units/pixel measurement at zoom level 0. Default is 1.40625
+  * resolutions -- An array of resolutions to be used as an index when zooming. Overrides maxZoomLevel and maxResolution if present.
+  * minScale -- The smallest scale value. minScale is preferred over maxResolution, if present.
+  * maxScale -- The maximum scale the map should include. Overrides maxZoomLevel if present.
+  * units -- The units of the map. Defaults to degrees. Neccesary when using scale in any way.
+  * scales -- An array of scale values. Overrides maxResolution, maxZoomLevel, resolutions, and min/max scale if present.
+  
--- a/doc/Marker.Box.txt
+++ b/doc/Marker.Box.txt
@@ -0,0 +1,10 @@
+OpenLayers.Marker.Box
+
+A different kind of Marker, designed to be added to a Boxes layer instead of a Markers layer.
+
+* Constructor
+  OpenLayers.Marker.Box({OpenLayers.Bounds|bounds}, borderColor, borderWidth) -- Set up a box. Defaults are red, with a width of 2.
+
+* Methods
+  setBorder(color, width) -- sets properties of border color and width.
+
--- a/doc/Marker.txt
+++ b/doc/Marker.txt
@@ -0,0 +1,15 @@
+OpenLayers.Marker
+
+Instantiate class {OpenLayers.Marker} in order to create a marker.
+
+* Constructor
+  OpenLayers.Marker({OpenLayers.LonLat|lonlat}, {OpenLayers.Icon|icon}?  ) -- Creates a new marker object. This object must be added to a Marker layer and will then be displayed. The icon can be left null -- if this is the case, then the default OpenLayers icon will be used.
+  
+* Methods
+  onScreen() -- {boolean} -- Returns whether or not the marker is currently visible on screen.
+  inflate({float}) -- none -- Changes the size of the Icon by a factor of the passed float.
+  display({string}) -- none -- Sets the style.display property of the Icon.
+
+* Events
+  Standard browser events are available.
+
--- a/doc/Pixel.txt
+++ b/doc/Pixel.txt
@@ -0,0 +1,13 @@
+OpenLayers.Pixel
+
+This class represents a screen coordinate in x and y coordinates.
+
+* Constructor
+  OpenLayers.Pixel({float|x}, {float|y}) -- Create Pixel.
+
+* Methods
+  toString() -- {String} -- Converts to human readable string.
+  clone() -- {OpenLayers.Pixel} -- Returns a copy of the pixel.
+  equals({OpenLayers.Pixel|px}) -- {Boolean} -- Tests for equivilance.
+  add({int|x}, {int|y}) -- {OpenLayers.Pixel} -- add x and y to the current coordinates.
+  offset({OpenLayers.Pixel|pixel}) -- {OpenLayers.Pixel} -- Add pixels together.
--- a/doc/Size.txt
+++ b/doc/Size.txt
@@ -0,0 +1,11 @@
+OpenLayers.Size
+
+This class represents a width/height pair.
+
+* Constructor
+  OpenLayers.Size({float|h}, {float|w}) -- Create Size.
+
+* Methods
+  toString() -- {String} -- Converts to human readable string.
+  clone() -- {OpenLayers.Size} -- Returns a copy of the pixel.
+  add({int|x}, {int|y}) -- {OpenLayers.Size} -- add x and y to the current coordinates.
--- a/doc/Tile.Image.txt
+++ b/doc/Tile.Image.txt
@@ -0,0 +1,7 @@
+OpenLayers.Tile.Image
+
+The image tile is designed to hold images for all types of layers, from WMS to KaMap to WorldWind.
+
+* Constructor
+  OpenLayers.Tile.Image({OpenLayers.Layer|layer}, {OpenLayers.Pixel|position}, {OpenLayers.Bounds|bounds}, {String|url}, {OpenLayers.Size|size}) -- Create a new tile, with properties passed.
+  
--- a/doc/Tile.WFS.txt
+++ b/doc/Tile.WFS.txt
@@ -0,0 +1,6 @@
+OpenLayers.Tile.WFS
+
+The WFS tile allows you to load any number of WFS URLs into a single tile. 
+
+* Constructor
+  OpenLayers.Tile.WFS({OpenLayers.Layer|layer}, {OpenLayers.Pixel|position}, {OpenLayers.Bounds|bounds}, {String|urls}, {OpenLayers.Size|size}) -- Create a new tile, with properties passed. The major difference between this tile and other tiles is what it does with results: The WFS tile is designed to parse XML responses, and create features for each item in the response. 
--- a/doc/Tile.txt
+++ b/doc/Tile.txt
@@ -0,0 +1,10 @@
+OpenLayers.Tile
+
+This is a class designed to designate a single tile, however
+it is explicitly designed to do relatively little. Tiles store information
+about themselves -- such as the URL that they are related to, and their 
+size - but do not add themselves to the layer div automatically, for 
+example.
+
+* Constructor
+  OpenLayers.Tile({OpenLayers.Layer|layer}, {OpenLayers.Pixel|position}, {OpenLayers.Bounds|bounds}, {String|url}, {OpenLayers.Size|size}) -- Create a new tile, with properties passed.
--- a/doc/Util.txt
+++ b/doc/Util.txt
@@ -0,0 +1,8 @@
+OpenLayers.Util
+
+Utility class. Stores a bunch of methods and settings that don't fit anywhere else.
+
+* Options
+
+ OpenLayers.Util.onImageLoadErrorColor -- A string to set img.style.backgroundColor to if the onerror event fires for the image (useful for 500 errors from WMS, for example). 
+ OpenLayers.ImgPath -- A string to be used as the base for images for controls and the like. Should end with '/'. 
--- a/doc/authors.txt
+++ b/doc/authors.txt
@@ -1,27 +1,17 @@
-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>.
+OpenLayers core development team
+-=-=-=-=-=-=-=-=-=-=-=-=-=-=-=-=-
+Erik Uzureau
+Christopher R. Schmidt
+Philip Lindsay
+John Frank
+Schuyler Erle
+
+Patch contributors
+------------------
+Corey Puffault
+Tim Schaub
+Jeff Dege
+Sean Gilles
+
+OpenLayers is graciously supported by MetaCarta, Inc.
+<http://www.metacarta.com>.
--- a/doc/customization
+++ b/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;
+  }
--- a/doc/readme.txt
+++ b/doc/readme.txt
@@ -1,3 +0,0 @@
-Automatically generated OpenLayers API documentation is online:
-
-  http://dev.openlayers.org/docs/overview-tree.html
--- a/doc_config/Languages.txt
+++ b/doc_config/Languages.txt
@@ -1,113 +0,0 @@
-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.
--- a/doc_config/Menu.txt
+++ b/doc_config/Menu.txt
@@ -1,204 +0,0 @@
-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
-
--- a/doc_config/OL.css
+++ b/doc_config/OL.css
@@ -1,20 +0,0 @@
-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;
-}
--- a/doc_config/Topics.txt
+++ b/doc_config/Topics.txt
@@ -1,105 +0,0 @@
-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
--- a/examples/GMLParser.html
+++ b/examples/GMLParser.html
@@ -1,33 +0,0 @@
-<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">
-        function parseData(req) {
-          g =  new OpenLayers.Format.GML();
-          html = ""
-          features = g.read(req.responseText);
-          for(var feat in features) {
-            html += "Feature: Geometry: "+ features[feat].geometry+",";
-                html += "<ul>";
-            for (var j in features[feat].attributes) {
-                html += "<li>"+j+":"+features[feat].attributes[j]+"</li>";
-            }
-                html += "</ul>"
-          }
-          document.body.innerHTML = html;
-        }
-        function load() {
-            OpenLayers.loadURL("gml/owls.xml", "", null, parseData);
-        }   
-    </script>
-  </head>
-  <body onload="load()">
-  </body>
-</html>  
--- a/examples/KMLParser.html
+++ b/examples/KMLParser.html
@@ -1,33 +0,0 @@
-<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">
-        function parseData(req) {
-          g =  new OpenLayers.Format.KML();
-          html = ""
-          features = g.read(req.responseText);
-          for(var feat in features) {
-            html += "Feature: Geometry: "+ features[feat].geometry+",";
-                html += "<ul>";
-            for (var j in features[feat].attributes) {
-                html += "<li>"+j+":"+features[feat].attributes[j]+"</li>";
-            }
-                html += "</ul>"
-          }
-          document.body.innerHTML = html;
-        }
-        function load() {
-            OpenLayers.loadURL("kml/lines.kml", "", null, parseData);
-        }   
-    </script>
-  </head>
-  <body onload="load()">
-  </body>
-</html>  
--- a/examples/accessible.html
+++ b/examples/accessible.html
@@ -1,124 +0,0 @@
-<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>
--- a/examples/baseLayers.html
+++ b/examples/baseLayers.html
@@ -18,6 +18,7 @@
    <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;
@@ -28,7 +29,7 @@
                                              40.428314208984375);

        function init(){
-            map = new OpenLayers.Map( 'map' );
+            map = new OpenLayers.Map( $('map') );

            var wms = new OpenLayers.Layer.WMS( "OpenLayers WMS", 
                      "http://labs.metacarta.com/wms/vmap0", 
@@ -68,6 +69,8 @@
        function remove() {
            markers.removeMarker(marker);
        }
+                
+    // -->

    </script>
  </head>
--- a/examples/boxes.html
+++ b/examples/boxes.html
@@ -9,15 +9,16 @@
    </style>
    <script src="../lib/OpenLayers.js"></script>
    <script type="text/javascript">
-        var box_extents = [
+        <!--
+        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(){
-            map = new OpenLayers.Map('map');
+            var map = new OpenLayers.Map('map');

            var ol_wms = new OpenLayers.Layer.WMS( "OpenLayers WMS", 
                "http://labs.metacarta.com/wms/vmap0?", {layers: 'basic'} );
@@ -38,6 +39,7 @@
            map.addControl(new OpenLayers.Control.LayerSwitcher());
            map.zoomToMaxExtent();
        }
+        // -->
    </script>
  </head>
  <body onload="init()">
--- a/examples/buffer.html
+++ b/examples/buffer.html
@@ -1,41 +0,0 @@
-<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>
--- a/examples/canvas.html
+++ b/examples/canvas.html
@@ -0,0 +1,613 @@
+<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;
+                $('status').innerHTML = "";
+              } 
+              else { 
+               click = this.getLonLatFromPixel(e.xy);
+               $('status').innerHTML = "Point 1 stored: "+click+". <a href='#' onclick='click=null;return false'>Reset</a>";
+             }
+           });
+        }
+        function drawIt() { 
+          canvas.drawLine(
+            new OpenLayers.LonLat(parseFloat($('lon1').value), parseFloat($('lat1').value)), 
+            new OpenLayers.LonLat(parseFloat($('lon2').value), parseFloat($('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>
--- a/examples/attribution.html
+++ b/examples/attribution.html
@@ -9,24 +9,28 @@
    </style>
    <script src="../lib/OpenLayers.js"></script>
    <script type="text/javascript">
-        var map; 
+        <!--
        function init(){
-            map = new OpenLayers.Map('map');
-            
+            var map = new OpenLayers.Map('map');
+
            var ol_wms = new OpenLayers.Layer.WMS( "OpenLayers WMS", 
-                "http://labs.metacarta.com/wms/vmap0?", {layers: 'basic'},
-                {'attribution': 'Provided by <a href="http://labs.metacarta.com/">MetaCarta</a>'}); 
+                "http://labs.metacarta.com/wms/vmap0?", {layers: 'basic'} );

-            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"});
+            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"});

-            map.addLayers([ol_wms, jpl_wms]);
+            jpl_wms.setVisibility(false);
+
+            map.addLayers([ol_wms, jpl_wms, cie_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()">
--- a/examples/click.html
+++ b/examples/click.html
@@ -9,9 +9,9 @@
    </style>
    <script src="../lib/OpenLayers.js"></script>
    <script type="text/javascript">
-        var map;
+        <!--
        function init(){
-            map = new OpenLayers.Map('map');
+            var map = new OpenLayers.Map('map');

            var ol_wms = new OpenLayers.Layer.WMS( "OpenLayers WMS", 
                "http://labs.metacarta.com/wms/vmap0?", {layers: 'basic'} );
@@ -32,6 +32,7 @@
                                          + lonlat.lon + " E");
            });
        }
+        // -->
    </script>
  </head>
  <body onload="init()">
--- a/examples/controls.html
+++ b/examples/controls.html
@@ -9,19 +9,17 @@
    </style>
    <script src="../lib/OpenLayers.js"></script>
    <script type="text/javascript">
-        var map;
+        <!--
        function init(){
-            map = new OpenLayers.Map('map', { controls: [] });
+            var map = new OpenLayers.Map('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.Permalink());
-            map.addControl(new OpenLayers.Control.Permalink('permalink'));
+            map.addControl(new OpenLayers.Control.Permalink($('permalink')));
            map.addControl(new OpenLayers.Control.MousePosition());
            map.addControl(new OpenLayers.Control.OverviewMap());
-            map.addControl(new OpenLayers.Control.KeyboardDefaults());
-
            var ol_wms = new OpenLayers.Layer.WMS( "OpenLayers WMS", 
                "http://labs.metacarta.com/wms/vmap0",
                {layers: 'basic'} );
@@ -42,6 +40,7 @@
            map.addLayers([ol_wms, jpl_wms, dm_wms]);
            if (!map.getCenter()) map.zoomToMaxExtent();
        }
+        // -->
    </script>
  </head>
  <body onload="init()">
--- a/examples/custom-control-point.html
+++ b/examples/custom-control-point.html
@@ -1,51 +0,0 @@
-<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>
--- a/examples/custom-control.html
+++ b/examples/custom-control.html
@@ -1,49 +0,0 @@
-<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.Box will intercept the shift-mousedown
-                    // before Control.MouseDefault gets to see it
-                    this.box = new OpenLayers.Handler.Box( control, 
-                        {"done": this.notice},
-                        {keyMask: OpenLayers.Handler.MOD_SHIFT});
-                    this.box.activate();
-                },
-
-                notice: function (bounds) {
-                    alert(bounds);
-                }
-            }); 
-
-            map.addLayer(layer);
-            map.addControl(control);
-            map.setCenter(new OpenLayers.LonLat(lon, lat), zoom);
-        }
-        // -->
-    </script>
-  </head>
-  <body onload="init()">
-    <div id="map"></div>
-  </body>
-</html>
--- a/examples/custom-style.html
+++ b/examples/custom-style.html
@@ -1,53 +0,0 @@
-<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: 500px;
-            height: 350px;
-            border: 1px solid gray;
-        }
-        p {
-            width: 500px;
-        }
-        div.olControlMousePosition {
-            font-family: Verdana;
-            font-size: 0.5em;
-            color: red;
-        }
-    </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(){
-            var options = {theme: null};
-            map = new OpenLayers.Map('map', options);
-            layer = new OpenLayers.Layer.WMS( "OpenLayers WMS", 
-                    "http://labs.metacarta.com/wms/vmap0", {layers: 'basic'} );
-            
-            map.addControl(new OpenLayers.Control.MousePosition());
-            map.addLayer(layer);
-            map.setCenter(new OpenLayers.LonLat(lon, lat), zoom);
-        }
-        // -->
-    </script>
-  </head>
-  <body onload="init()">
-    <div id="map"></div>
-    <p>If you care to modify the style of any OpenLayers element, include
-    the default stylesheet as a link and declare any style modifications
-    below that link.  These style declarations can be in other linked
-    stylesheets or in style tags.  In addition, construct your map with
-    options that include {theme: null}.  This will disable the default
-    method of loading the stylesheet and allow you to declare style rules
-    in your own linked stylesheets or style tags.</p>
-    <p>This example shows how to declare the font family, size, and color
-    for the mouse position.  Note that only the style keys that you want to
-    modify (change from the default) need to be specified.</p>
-  </body>
-</html>
--- a/examples/debug.html
+++ b/examples/debug.html
@@ -1,64 +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">
-  <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>
--- a/examples/drag-feature.html
+++ b/examples/drag-feature.html
@@ -1,97 +0,0 @@
-<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>
--- a/examples/draw-feature.html
+++ b/examples/draw-feature.html
@@ -1,96 +0,0 @@
-<html xmlns="http://www.w3.org/1999/xhtml">
-  <head>
-    <style type="text/css">
-        #map {
-            width: 512px;
-            height: 350px;
-            border: 1px solid gray;
-        }
-        #controlToggle li {
-            list-style: none;
-        }
-        p {
-            width: 512px;
-        }
-    </style>
-    <script src="../lib/OpenLayers.js"></script>
-    <script type="text/javascript">
-        <!--
-        var map, drawControls;
-        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 pointLayer = new OpenLayers.Layer.Vector("Point Layer");
-            var lineLayer = new OpenLayers.Layer.Vector("Line Layer");
-            var polygonLayer = new OpenLayers.Layer.Vector("Polygon Layer");
-
-            map.addLayers([wmsLayer, pointLayer, lineLayer, polygonLayer]);
-            map.addControl(new OpenLayers.Control.LayerSwitcher());
-            map.addControl(new OpenLayers.Control.MousePosition());
-            
-            var options = {handlerOptions: {freehand: true}};
-            drawControls = {
-                point: new OpenLayers.Control.DrawFeature(pointLayer,
-                            OpenLayers.Handler.Point),
-                line: new OpenLayers.Control.DrawFeature(lineLayer,
-                            OpenLayers.Handler.Path, options),
-                polygon: new OpenLayers.Control.DrawFeature(polygonLayer,
-                            OpenLayers.Handler.Polygon, options)
-            };
-            
-            for(var key in drawControls) {
-                map.addControl(drawControls[key]);
-            }
-            
-            map.setCenter(new OpenLayers.LonLat(0, 0), 3);
-            
-            document.getElementById('noneToggle').checked = true;
-        }
-
-        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="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>
-    </ul>
-    <p>Feature digitizing is in freehand mode by default.  In freehand mode, the mouse is treated as a pen.
-    Drawing begins on mouse down, continues with every mouse move, and ends with mouse up.</p>
-    <p>To turn freehand mode off, hold down the shift key while digitizing.  With freehand mode off, one
-    vertex is added with each click and double-clicks finish drawing.  Freehand mode can be toggled on and off
-    at any time while drawing.</p>
-        
-  </body>
-</html>
--- a/examples/editingtoolbar.html
+++ b/examples/editingtoolbar.html
@@ -1,40 +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">
-  <head>
-    <style type="text/css">
-        #map {
-            width: 800px;
-            height: 475px;
-            border: 1px solid black;
-        }
-    </style>
-    <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;
-        var map, layer;
-
-        function init(){
-            map = new OpenLayers.Map( 'map', { controls: [] } );
-            layer = new OpenLayers.Layer.WMS( "OpenLayers WMS", 
-                    "http://labs.metacarta.com/wms/vmap0", {layers: 'basic'} );
-            map.addLayer(layer);
-
-            vlayer = new OpenLayers.Layer.Vector( "Editable" );
-            map.addLayer(vlayer);
-            map.addControl(new OpenLayers.Control.PanZoomBar());
-            map.addControl(new OpenLayers.Control.EditingToolbar(vlayer));
-            
-            map.setCenter(new OpenLayers.LonLat(lon, lat), zoom);
-        }
-        // -->
-    </script>
-  </head>
-  <body onload="init()">
-    <div id="panel"></div>
-    <div id="map"></div>
-  </body>
-</html>
--- a/examples/example.html
+++ b/examples/example.html
@@ -9,43 +9,9 @@
    </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(){
-
-            //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 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]
@@ -79,11 +45,7 @@
    </script>
  </head>
  <body onload="init()">
-    <table><tr><td>
-        <h1>OpenLayers Example</h1>
-    </td><td>
-        <h3 id="browserHeader"></h3>
-    </td></tr></table>
+    <h1>OpenLayers Example</h1>
    <div id="map"></div>
  </body>
 </html>
--- a/examples/freemap.html
+++ b/examples/freemap.html
@@ -0,0 +1,49 @@
+<html xmlns="http://www.w3.org/1999/xhtml">
+  <head>
+
+    <style type="text/css">
+    body {
+	border: 0px;
+	margin: 0px;
+	padding: 0px;
+    }
+    #map {
+	width: 100%;
+	height: 100%;
+	border: 0px;
+	padding: 0px;
+    }
+    </style>
+
+    <script src="../lib/OpenLayers.js"></script>
+    <script type="text/javascript">
+      <!--
+	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'},
+                // 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" } );
+                
+            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>
+</body>
+</html>
--- a/examples/fullScreen.html
+++ b/examples/fullScreen.html
@@ -1,39 +1,40 @@
-<html xmlns="http://www.w3.org/1999/xhtml">
-  <head>
-    <style type="text/css">
-        #map {
-            width: 100%;
-            height: 100%;
-            border: 1px solid black;
-        }
-    </style>
-    <script src="../lib/OpenLayers.js"></script>
-    <script type="text/javascript">
-        var map;
-        function init(){
-            map = new OpenLayers.Map('map');
-
-            var ol_wms = new OpenLayers.Layer.WMS( "OpenLayers WMS", 
-                "http://labs.metacarta.com:80/wms/vmap0?", {layers: 'basic'}); 
-
-            var jpl_wms = new OpenLayers.Layer.WMS( "NASA Global Mosaic",
-                "http://wms.jpl.nasa.gov/wms.cgi", 
-                {layers: "modis,global_mosaic"});
-
-            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" });
-
-            map.addLayers([ol_wms, jpl_wms, dm_wms]);
-            map.addControl(new OpenLayers.Control.LayerSwitcher());
-            // map.setCenter(new OpenLayers.LonLat(0, 0), 0);
-            map.zoomToMaxExtent();
-        }
-    </script>
-  </head>
-  <body onload="init()">
-    <div id="map"></div>
-  </body>
-</html>
+<html xmlns="http://www.w3.org/1999/xhtml">
+  <head>
+    <style type="text/css">
+        #map {
+            width: 100%;
+            height: 100%;
+            border: 1px solid black;
+        }
+    </style>
+    <script src="../lib/OpenLayers.js"></script>
+    <script type="text/javascript">
+        <!--
+        function init(){
+            var map = new OpenLayers.Map('map');
+
+            var ol_wms = new OpenLayers.Layer.WMS( "OpenLayers WMS", 
+                "http://labs.metacarta.com:80/wms/vmap0?", {layers: 'basic'}); 
+
+            var jpl_wms = new OpenLayers.Layer.WMS( "NASA Global Mosaic",
+                "http://wms.jpl.nasa.gov/wms.cgi", 
+                {layers: "modis,global_mosaic"});
+
+            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" });
+
+            map.addLayers([ol_wms, jpl_wms, dm_wms]);
+            map.addControl(new OpenLayers.Control.LayerSwitcher());
+            // map.setCenter(new OpenLayers.LonLat(0, 0), 0);
+            map.zoomToMaxExtent();
+        }
+        // -->
+    </script>
+  </head>
+  <body onload="init()">
+    <div id="map"></div>
+  </body>
+</html>
--- a/examples/georss-markers.html
+++ b/examples/georss-markers.html
@@ -1,34 +0,0 @@
-<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>
--- a/examples/georss-serialize.html
+++ b/examples/georss-serialize.html
@@ -1,46 +0,0 @@
-<html xmlns="http://www.w3.org/1999/xhtml">
-  <head>
-    <style type="text/css">
-        #map {
-            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;
-            var data = g.write(feature.layer.features);
-            OpenLayers.Util.getElement("gml").value = data;
-        }
-        function init(){
-            g = new OpenLayers.Format.GeoRSS();
-            map = new OpenLayers.Map('map');
-            
-            var wmsLayer = new OpenLayers.Layer.WMS( "OpenLayers WMS", 
-                "http://labs.metacarta.com/wms/vmap0?", {layers: 'basic'}); 
-
-            var pointLayer = new OpenLayers.Layer.Vector("Point Layer");
-            pointLayer.onFeatureInsert = serialize;
-
-            map.addLayers([wmsLayer, pointLayer]);
-            map.addControl(new OpenLayers.Control.EditingToolbar(pointLayer));
-            map.addControl(new OpenLayers.Control.MousePosition());
-            
-            
-            map.setCenter(new OpenLayers.LonLat(0, 0), 3);
-        }
-    </script>
-  </head>
-  <body onload="init()">
-    <h1>OpenLayers Draw Point Example</h1>
-    <div style="float:right;width:50%">
-    <textarea id="gml" style="width:100%" rows="30"></textarea>
-    </div>
-    <div id="map"></div>
-  </body>
-</html>
--- a/examples/georss.html
+++ b/examples/georss.html
@@ -9,6 +9,7 @@
    </style>
    <script src="../lib/OpenLayers.js"></script>
    <script type="text/javascript">
+        <!--
        var map, layer;

        OpenLayers.ProxyHost = "/proxy/?url=";
@@ -21,13 +22,13 @@
            map.addControl(new OpenLayers.Control.LayerSwitcher());
        }
        function addUrl() {
-            var urlObj = OpenLayers.Util.getElement('url'); 
-            var value = urlObj.value;
+            var value = $('url').value;
            var parts = value.split("/");
                var newl = new OpenLayers.Layer.GeoRSS( parts[parts.length-1], value);
                map.addLayer(newl);
-            urlObj.value = "";
+            $("url").value = "";
        }
+        // -->
    </script>
  </head>
  <body onload="init()">
@@ -36,7 +37,6 @@
    <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>
--- a/examples/getfeatureinfo.html
+++ b/examples/getfeatureinfo.html
@@ -22,10 +22,10 @@ ul, li { padding-left: 0px; margin-left: 0px; }
    var wms = new OpenLayers.Layer.WMS( "OpenLayers WMS", 
        "http://world.freemap.in/cgi-bin/mapserv?map=/www/freemap.in/world/map/factbook.map", {'layers': 'factbook'} );
    map.addLayer(wms);
-    map.addControl(new OpenLayers.Control.Permalink('permalink'));
+    map.addControl(new OpenLayers.Control.Permalink($('permalink')));
    map.zoomToMaxExtent();
    map.events.register('click', map, function (e) {
-            OpenLayers.Util.getElement('nodeList').innerHTML = "Loading... please wait...";
+            $('nodeList').innerHTML = "Loading... please wait...";
            var url =  wms.getFullRequestString({
                            REQUEST: "GetFeatureInfo",
                            EXCEPTIONS: "application/vnd.ogc.se_xml",
@@ -37,10 +37,10 @@ ul, li { padding-left: 0px; margin-left: 0px; }
                            WIDTH: wms.map.size.w,
                            HEIGHT: wms.map.size.h});
            OpenLayers.loadURL(url, '', this, setHTML);
-            OpenLayers.Event.stop(e);
+            Event.stop(e);
      });
    function setHTML(response) { 
-        OpenLayers.Util.getElement('nodeList').innerHTML = response.responseText;
+        $('nodeList').innerHTML = response.responseText;
    }
  </script>
 </body>
--- a/examples/gml-layer.html
+++ b/examples/gml-layer.html
@@ -1,30 +0,0 @@
-<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'} );
-            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()">
-    <div id="map"></div>
-  </body>
-</html>
--- a/examples/gml-serialize.html
+++ b/examples/gml-serialize.html
@@ -1,83 +0,0 @@
-<html xmlns="http://www.w3.org/1999/xhtml">
-  <head>
-    <style type="text/css">
-        #map {
-            width: 512px;
-            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("Name for feature?");
-            feature.attributes['name'] = name;
-            var data = g.write(feature.layer.features);
-            OpenLayers.Util.getElement("gml").value = data; 
-        }
-        function init(){
-            g = new OpenLayers.Format.GML();
-            map = new OpenLayers.Map('map');
-            
-            var wmsLayer = new OpenLayers.Layer.WMS( "OpenLayers WMS", 
-                "http://labs.metacarta.com/wms/vmap0?", {layers: 'basic'}); 
-
-            var pointLayer = new OpenLayers.Layer.Vector("Point Layer");
-            pointLayer.onFeatureInsert = serialize;
-
-            map.addLayers([wmsLayer, pointLayer]);
-            map.addControl(new OpenLayers.Control.LayerSwitcher());
-            map.addControl(new OpenLayers.Control.MousePosition());
-            
-            drawControls = {
-                point: new OpenLayers.Control.DrawFeature(pointLayer,
-                            OpenLayers.Handler.Point),
-                line: new OpenLayers.Control.DrawFeature(pointLayer,
-                            OpenLayers.Handler.Path)
-            };
-            
-            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 Point Example</h1>
-    <div style="float:right">
-    <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>
-    </ul>
-    <p>Check the box to draw points.  Uncheck to navigate normally.</p>
-    <textarea id="gml" cols="80" rows="30"></textarea>
-    </div>
-    <div id="map"></div>
-  </body>
-</html>
--- a/examples/gml/line.xml
+++ b/examples/gml/line.xml
@@ -1,42 +0,0 @@
-<?xml version="1.0" encoding="ISO-8859-1"?>
-<wfs:FeatureCollection xmlns:ms="http://mapserver.gis.umn.edu/mapserver" xmlns:wfs="http://www.opengis.net/wfs" xmlns:gml="http://www.opengis.net/gml" xmlns:ogc="http://www.opengis.net/ogc" xmlns:xsi="http://www.w3.org/2001/XMLSchema-instance" xsi:schemaLocation="http://www.opengis.net/wfs http://schemas.opengis.net/wfs/1.0.0/WFS-basic.xsd                         http://mapserver.gis.umn.edu/mapserver http://aneto.oco/cgi-bin/worldwfs?SERVICE=WFS&amp;VERSION=1.0.0&amp;REQUEST=DescribeFeatureType&amp;TYPENAME=line&amp;OUTPUTFORMAT=XMLSCHEMA">
-      <gml:boundedBy>
-      	<gml:Box srsName="EPSG:4326">
-      		<gml:coordinates>-3.924027,46.037889 2.193186,47.897181</gml:coordinates>
-      	</gml:Box>
-      </gml:boundedBy>
-    <gml:featureMember>
-      <ms:line fid="1">
-        <gml:boundedBy>
-        	<gml:Box srsName="EPSG:4326">
-        		<gml:coordinates>-0.631235,46.037889 2.193186,46.704963</gml:coordinates>
-        	</gml:Box>
-        </gml:boundedBy>
-        <ms:msGeometry>
-        <gml:LineString srsName="EPSG:4326">
-          <gml:coordinates>-0.631235,46.307557 -0.262215,46.577225 0.106805,46.477874 0.220349,46.293364 0.475824,46.406909 0.887424,46.350136 1.029354,46.563032 1.213864,46.648191 1.526112,46.421102 1.795780,46.066275 2.108028,46.037889 2.178993,46.250785 2.193186,46.492067 2.193186,46.492067 2.051255,46.704963 2.051255,46.704963 </gml:coordinates>
-        </gml:LineString>
-        </ms:msGeometry>
-        <ms:ogc_fid>1</ms:ogc_fid>
-        <ms:name/>
-        <ms:id>0</ms:id>
-      </ms:line>
-    </gml:featureMember>
-    <gml:featureMember>
-      <ms:line fid="2">
-        <gml:boundedBy>
-        	<gml:Box srsName="EPSG:4326">
-        		<gml:coordinates>-3.924027,46.279171 -1.127992,47.897181</gml:coordinates>
-        	</gml:Box>
-        </gml:boundedBy>
-        <ms:msGeometry>
-        <gml:LineString srsName="EPSG:4326">
-          <gml:coordinates>-1.127992,46.279171 -1.369275,46.364329 -1.624750,46.406909 -1.866032,46.492067 -1.993770,46.704963 -2.178280,46.846894 -1.979577,47.059790 -2.164087,47.144948 -2.135700,47.215914 -2.093121,47.357844 -2.277631,47.258493 -2.391176,47.301072 -2.490527,47.315265 -2.476334,47.443003 -2.575686,47.599127 -2.703423,47.542354 -2.873740,47.471389 -3.285339,47.670092 -3.597587,47.769443 -3.824676,47.840409 -3.924027,47.897181 </gml:coordinates>
-        </gml:LineString>
-        </ms:msGeometry>
-        <ms:ogc_fid>2</ms:ogc_fid>
-        <ms:name/>
-        <ms:id>0</ms:id>
-      </ms:line>
-    </gml:featureMember>
-</wfs:FeatureCollection>
--- a/examples/gml/multipoint.xml
+++ b/examples/gml/multipoint.xml
@@ -1,70 +0,0 @@
-<?xml version="1.0" encoding="ISO-8859-1"?>
-<wfs:FeatureCollection xmlns:ms="http://mapserver.gis.umn.edu/mapserver" xmlns:wfs="http://www.opengis.net/wfs" xmlns:gml="http://www.opengis.net/gml" xmlns:ogc="http://www.opengis.net/ogc" xmlns:xsi="http://www.w3.org/2001/XMLSchema-instance" xsi:schemaLocation="http://www.opengis.net/wfs http://schemas.opengis.net/wfs/1.0.0/WFS-basic.xsd                         http://mapserver.gis.umn.edu/mapserver http://aneto.oco/cgi-bin/worldwfs?SERVICE=WFS&amp;VERSION=1.0.0&amp;REQUEST=DescribeFeatureType&amp;TYPENAME=multipoint&amp;OUTPUTFORMAT=XMLSCHEMA">
-      <gml:boundedBy>
-      	<gml:Box srsName="EPSG:4326">
-      		<gml:coordinates>0.490018,45.001795 3.016384,45.839186</gml:coordinates>
-      	</gml:Box>
-      </gml:boundedBy>
-    <gml:featureMember>
-      <ms:multipoint fid="1">
-        <gml:boundedBy>
-        	<gml:Box srsName="EPSG:4326">
-        		<gml:coordinates>0.930003,45.001795 3.016384,45.541131</gml:coordinates>
-        	</gml:Box>
-        </gml:boundedBy>
-        <ms:msGeometry>
-        <gml:MultiPoint srsName="EPSG:4326">
-          <gml:pointMember>
-            <gml:Point>
-              <gml:coordinates>2.079641,45.001795</gml:coordinates>
-            </gml:Point>
-          </gml:pointMember>
-          <gml:pointMember>
-            <gml:Point>
-              <gml:coordinates>2.718330,45.541131</gml:coordinates>
-            </gml:Point>
-          </gml:pointMember>
-          <gml:pointMember>
-            <gml:Point>
-              <gml:coordinates>3.016384,45.143725</gml:coordinates>
-            </gml:Point>
-          </gml:pointMember>
-          <gml:pointMember>
-            <gml:Point>
-              <gml:coordinates>0.930003,45.001795</gml:coordinates>
-            </gml:Point>
-          </gml:pointMember>
-        </gml:MultiPoint>
-        </ms:msGeometry>
-        <ms:ogc_fid>1</ms:ogc_fid>
-        <ms:name>4 points</ms:name>
-        <ms:id>1</ms:id>
-      </ms:multipoint>
-    </gml:featureMember>
-    <gml:featureMember>
-      <ms:multipoint fid="2">
-        <gml:boundedBy>
-        	<gml:Box srsName="EPSG:4326">
-        		<gml:coordinates>0.490018,45.654676 1.157092,45.839186</gml:coordinates>
-        	</gml:Box>
-        </gml:boundedBy>
-        <ms:msGeometry>
-        <gml:MultiPoint srsName="EPSG:4326">
-          <gml:pointMember>
-            <gml:Point>
-              <gml:coordinates>0.490018,45.654676</gml:coordinates>
-            </gml:Point>
-          </gml:pointMember>
-          <gml:pointMember>
-            <gml:Point>
-              <gml:coordinates>1.157092,45.839186</gml:coordinates>
-            </gml:Point>
-          </gml:pointMember>
-        </gml:MultiPoint>
-        </ms:msGeometry>
-        <ms:ogc_fid>2</ms:ogc_fid>
-        <ms:name>2 points</ms:name>
-        <ms:id>2</ms:id>
-      </ms:multipoint>
-    </gml:featureMember>
-</wfs:FeatureCollection>
--- a/examples/gml/multipolygon.xml
+++ b/examples/gml/multipolygon.xml
@@ -1,106 +0,0 @@
-<?xml version="1.0" encoding="ISO-8859-1"?>
-<wfs:FeatureCollection xmlns:ms="http://mapserver.gis.umn.edu/mapserver" xmlns:wfs="http://www.opengis.net/wfs" xmlns:gml="http://www.opengis.net/gml" xmlns:ogc="http://www.opengis.net/ogc" xmlns:xsi="http://www.w3.org/2001/XMLSchema-instance" xsi:schemaLocation="http://www.opengis.net/wfs http://schemas.opengis.net/wfs/1.0.0/WFS-basic.xsd                         http://mapserver.gis.umn.edu/mapserver http://aneto.oco/cgi-bin/worldwfs?SERVICE=WFS&amp;VERSION=1.0.0&amp;REQUEST=DescribeFeatureType&amp;TYPENAME=multipolygon&amp;OUTPUTFORMAT=XMLSCHEMA">
-      <gml:boundedBy>
-      	<gml:Box srsName="EPSG:4326">
-      		<gml:coordinates>-1.738295,46.307557 3.754424,47.244300</gml:coordinates>
-      	</gml:Box>
-      </gml:boundedBy>
-    <gml:featureMember>
-      <ms:multipolygon fid="1">
-        <gml:boundedBy>
-        	<gml:Box srsName="EPSG:4326">
-        		<gml:coordinates>-1.738295,46.605612 1.767394,47.244300</gml:coordinates>
-        	</gml:Box>
-        </gml:boundedBy>
-        <ms:msGeometry>
-        <gml:MultiPolygon srsName="EPSG:4326">
-        <gml:polygonMember>
-          <gml:Polygon>
-            <gml:outerBoundaryIs>
-              <gml:LinearRing>
-                <gml:coordinates>1.313216,46.690770 1.000968,46.861087 0.887424,47.059790 1.142899,47.244300 1.355795,47.244300 1.554498,47.017211 1.710622,47.059790 1.767394,46.747542 1.313216,46.690770 1.313216,46.690770 </gml:coordinates>
-              </gml:LinearRing>
-            </gml:outerBoundaryIs>
-          </gml:Polygon>
-        </gml:polygonMember>
-        <gml:polygonMember>
-          <gml:Polygon>
-            <gml:outerBoundaryIs>
-              <gml:LinearRing>
-                <gml:coordinates>0.731300,46.605612 -0.191250,46.704963 -0.191250,46.846894 0.177770,46.988824 0.447438,46.960438 0.589369,46.804315 0.688721,46.832701 0.731300,46.605612 0.731300,46.605612 </gml:coordinates>
-              </gml:LinearRing>
-            </gml:outerBoundaryIs>
-          </gml:Polygon>
-        </gml:polygonMember>
-        <gml:polygonMember>
-          <gml:Polygon>
-            <gml:outerBoundaryIs>
-              <gml:LinearRing>
-                <gml:coordinates>-1.610557,46.733349 -1.184765,46.704963 -1.198958,46.704963 -0.943483,46.619805 -0.915096,46.818508 -0.659621,46.775928 -0.688007,47.017211 -0.943483,47.003018 -1.127992,47.088176 -1.397661,47.102369 -1.624750,47.073983 -1.738295,46.917859 -1.610557,46.733349 </gml:coordinates>
-              </gml:LinearRing>
-            </gml:outerBoundaryIs>
-          </gml:Polygon>
-        </gml:polygonMember>
-        </gml:MultiPolygon>
-        </ms:msGeometry>
-        <ms:ogc_fid>1</ms:ogc_fid>
-        <ms:name>My first Multipolygon</ms:name>
-        <ms:id>0</ms:id>
-      </ms:multipolygon>
-    </gml:featureMember>
-    <gml:featureMember>
-      <ms:multipolygon fid="2">
-        <gml:boundedBy>
-        	<gml:Box srsName="EPSG:4326">
-        		<gml:coordinates>2.789295,46.392716 3.754424,46.903666</gml:coordinates>
-        	</gml:Box>
-        </gml:boundedBy>
-        <ms:msGeometry>
-        <gml:Polygon srsName="EPSG:4326">
-          <gml:outerBoundaryIs>
-            <gml:LinearRing>
-              <gml:coordinates>2.959612,46.392716 2.789295,46.775928 3.172508,46.903666 3.498949,46.903666 3.498949,46.662384 3.754424,46.563032 2.959612,46.392716 </gml:coordinates>
-            </gml:LinearRing>
-          </gml:outerBoundaryIs>
-        </gml:Polygon>
-        </ms:msGeometry>
-        <ms:ogc_fid>2</ms:ogc_fid>
-        <ms:name>My second Multipolygon</ms:name>
-        <ms:id>0</ms:id>
-      </ms:multipolygon>
-    </gml:featureMember>
-    <gml:featureMember>
-      <ms:multipolygon fid="3">
-        <gml:boundedBy>
-        	<gml:Box srsName="EPSG:4326">
-        		<gml:coordinates>2.207379,46.307557 2.803488,47.045597</gml:coordinates>
-        	</gml:Box>
-        </gml:boundedBy>
-        <ms:msGeometry>
-        <gml:MultiPolygon srsName="EPSG:4326">
-        <gml:polygonMember>
-          <gml:Polygon>
-            <gml:outerBoundaryIs>
-              <gml:LinearRing>
-                <gml:coordinates>2.292538,46.804315 2.207379,47.017211 2.391889,47.045597 2.562206,46.832701 2.292538,46.804315 </gml:coordinates>
-              </gml:LinearRing>
-            </gml:outerBoundaryIs>
-          </gml:Polygon>
-        </gml:polygonMember>
-        <gml:polygonMember>
-          <gml:Polygon>
-            <gml:outerBoundaryIs>
-              <gml:LinearRing>
-                <gml:coordinates>2.789295,46.307557 2.789295,46.307557 2.803488,46.506260 2.618978,46.676577 2.349310,46.633998 2.448661,46.392716 2.789295,46.307557 </gml:coordinates>
-              </gml:LinearRing>
-            </gml:outerBoundaryIs>
-          </gml:Polygon>
-        </gml:polygonMember>
-        </gml:MultiPolygon>
-        </ms:msGeometry>
-        <ms:ogc_fid>3</ms:ogc_fid>
-        <ms:name>My third Multipolygon</ms:name>
-        <ms:id>0</ms:id>
-      </ms:multipolygon>
-    </gml:featureMember>
-</wfs:FeatureCollection>
--- a/examples/gml/owls.xml
+++ b/examples/gml/owls.xml
@@ -1,156 +0,0 @@
-<?xml version='1.0' encoding="ISO-8859-1" ?>
-<wfs:FeatureCollection
-   xmlns:bsc="http://www.bsc-eoc.org/bsc"
-   xmlns:wfs="http://www.opengis.net/wfs"
-   xmlns:gml="http://www.opengis.net/gml"
-   xmlns:ogc="http://www.opengis.net/ogc"
-   xmlns:xsi="http://www.w3.org/2001/XMLSchema-instance"
-   xsi:schemaLocation="http://www.opengis.net/wfs http://schemas.opengeospatial.net//wfs/1.0.0/WFS-basic.xsd 
-                       http://www.bsc-eoc.org/bsc http://www.bsc-eoc.org/cgi-bin/bsc_ows.asp?SERVICE=WFS&amp;VERSION=1.0.0&amp;REQUEST=DescribeFeatureType&amp;TYPENAME=OWLS&amp;OUTPUTFORMAT=XMLSCHEMA">
-      <gml:boundedBy>
-      	<gml:Box srsName="EPSG:4326">
-      		<gml:coordinates>-89.817223,45.005555 -74.755001,51.701388</gml:coordinates>
-      	</gml:Box>
-      </gml:boundedBy>
-    <gml:featureMember><bsc:OWLS>
-        <gml:boundedBy>
-        	<gml:Box srsName="EPSG:4326">
-        		<gml:coordinates>-79.771668,45.891110 -79.771668,45.891110</gml:coordinates>
-        	</gml:Box>
-        </gml:boundedBy>
-        <bsc:msGeometry>
-        <gml:Point srsName="EPSG:4326">
-          <gml:coordinates>-79.771668,45.891110</gml:coordinates>
-        </gml:Point>
-        </bsc:msGeometry>
-      </bsc:OWLS>
-    </gml:featureMember>
-    <gml:featureMember>
-      <bsc:OWLS>
-        <gml:boundedBy>
-        	<gml:Box srsName="EPSG:4326">
-        		<gml:coordinates>-83.755834,46.365277 -83.755834,46.365277</gml:coordinates>
-        	</gml:Box>
-        </gml:boundedBy>
-        <bsc:owlname>owl</bsc:owlname>
-        <bsc:msGeometry>
-        <gml:Point srsName="EPSG:4326">
-          <gml:coordinates>-83.755834,46.365277</gml:coordinates>
-        </gml:Point>
-        </bsc:msGeometry>
-      </bsc:OWLS>
-    </gml:featureMember>
-    <gml:featureMember>
-      <bsc:OWLS>
-        <gml:boundedBy>
-        	<gml:Box srsName="EPSG:4326">
-        		<gml:coordinates>-83.808612,46.175277 -83.808612,46.175277</gml:coordinates>
-        	</gml:Box>
-        </gml:boundedBy>
-        <bsc:msGeometry>
-        <gml:Point srsName="EPSG:4326">
-          <gml:coordinates>-83.808612,46.175277</gml:coordinates>
-        </gml:Point>
-        </bsc:msGeometry>
-      </bsc:OWLS>
-    </gml:featureMember>
-    <gml:featureMember>
-      <bsc:OWLS>
-        <gml:boundedBy>
-        	<gml:Box srsName="EPSG:4326">
-        		<gml:coordinates>-84.111112,46.309166 -84.111112,46.309166</gml:coordinates>
-        	</gml:Box>
-        </gml:boundedBy>
-        <bsc:msGeometry>
-        <gml:Point srsName="EPSG:4326">
-          <gml:coordinates>-84.111112,46.309166</gml:coordinates>
-        </gml:Point>
-        </bsc:msGeometry>
-      </bsc:OWLS>
-    </gml:featureMember>
-    <gml:featureMember>
-      <bsc:OWLS>
-        <gml:boundedBy>
-        	<gml:Box srsName="EPSG:4326">
-        		<gml:coordinates>-83.678612,46.821110 -83.678612,46.821110</gml:coordinates>
-        	</gml:Box>
-        </gml:boundedBy>
-        <bsc:msGeometry>
-        <gml:Point srsName="EPSG:4326">
-          <gml:coordinates>-83.678612,46.821110</gml:coordinates>
-        </gml:Point>
-        </bsc:msGeometry>
-      </bsc:OWLS>
-    </gml:featureMember>
-    <gml:featureMember>
-      <bsc:OWLS>
-        <gml:boundedBy>
-        	<gml:Box srsName="EPSG:4326">
-        		<gml:coordinates>-83.664445,46.518888 -83.664445,46.518888</gml:coordinates>
-        	</gml:Box>
-        </gml:boundedBy>
-        <bsc:msGeometry>
-        <gml:Point srsName="EPSG:4326">
-          <gml:coordinates>-83.664445,46.518888</gml:coordinates>
-        </gml:Point>
-        </bsc:msGeometry>
-      </bsc:OWLS>
-    </gml:featureMember>
-    <gml:featureMember>
-      <bsc:OWLS>
-        <gml:boundedBy>
-        	<gml:Box srsName="EPSG:4326">
-        		<gml:coordinates>-80.613334,46.730277 -80.613334,46.730277</gml:coordinates>
-        	</gml:Box>
-        </gml:boundedBy>
-        <bsc:msGeometry>
-        <gml:Point srsName="EPSG:4326">
-          <gml:coordinates>-80.613334,46.730277</gml:coordinates>
-        </gml:Point>
-        </bsc:msGeometry>
-      </bsc:OWLS>
-    </gml:featureMember>
-    <gml:featureMember>
-      <bsc:OWLS>
-        <gml:boundedBy>
-        	<gml:Box srsName="EPSG:4326">
-        		<gml:coordinates>-79.676946,45.428054 -79.676946,45.428054</gml:coordinates>
-        	</gml:Box>
-        </gml:boundedBy>
-        <bsc:msGeometry>
-        <gml:Point srsName="EPSG:4326">
-          <gml:coordinates>-79.676946,45.428054</gml:coordinates>
-        </gml:Point>
-        </bsc:msGeometry>
-      </bsc:OWLS>
-    </gml:featureMember>
-    <gml:featureMember>
-      <bsc:OWLS>
-        <gml:boundedBy>
-        	<gml:Box srsName="EPSG:4326">
-        		<gml:coordinates>-83.853056,46.236944 -83.853056,46.236944</gml:coordinates>
-        	</gml:Box>
-        </gml:boundedBy>
-        <bsc:msGeometry>
-        <gml:Point srsName="EPSG:4326">
-          <gml:coordinates>-83.853056,46.236944</gml:coordinates>
-        </gml:Point>
-        </bsc:msGeometry>
-      </bsc:OWLS>
-    </gml:featureMember>
-    <gml:featureMember>
-      <bsc:OWLS>
-        <gml:boundedBy>
-        	<gml:Box srsName="EPSG:4326">
-        		<gml:coordinates>-82.289167,45.896388 -82.289167,45.896388</gml:coordinates>
-        	</gml:Box>
-        </gml:boundedBy>
-        <bsc:msGeometry>
-        <gml:Point srsName="EPSG:4326">
-          <gml:coordinates>-82.289167,45.896388</gml:coordinates>
-        </gml:Point>
-        </bsc:msGeometry>
-      </bsc:OWLS>
-    </gml:featureMember>
-</wfs:FeatureCollection>
-
--- a/examples/gml/point.xml
+++ b/examples/gml/point.xml
@@ -1,42 +0,0 @@
-<?xml version="1.0" encoding="ISO-8859-1"?>
-<wfs:FeatureCollection xmlns:ms="http://mapserver.gis.umn.edu/mapserver" xmlns:wfs="http://www.opengis.net/wfs" xmlns:gml="http://www.opengis.net/gml" xmlns:ogc="http://www.opengis.net/ogc" xmlns:xsi="http://www.w3.org/2001/XMLSchema-instance" xsi:schemaLocation="http://www.opengis.net/wfs http://schemas.opengis.net/wfs/1.0.0/WFS-basic.xsd                         http://mapserver.gis.umn.edu/mapserver http://aneto.oco/cgi-bin/worldwfs?SERVICE=WFS&amp;VERSION=1.0.0&amp;REQUEST=DescribeFeatureType&amp;TYPENAME=point&amp;OUTPUTFORMAT=XMLSCHEMA">
-      <gml:boundedBy>
-      	<gml:Box srsName="EPSG:4326">
-      		<gml:coordinates>-0.608315,44.857522 -0.021418,45.477577</gml:coordinates>
-      	</gml:Box>
-      </gml:boundedBy>
-    <gml:featureMember>
-      <ms:point fid="1">
-        <gml:boundedBy>
-        	<gml:Box srsName="EPSG:4326">
-        		<gml:coordinates>-0.608315,44.857522 -0.608315,44.857522</gml:coordinates>
-        	</gml:Box>
-        </gml:boundedBy>
-        <ms:msGeometry>
-        <gml:Point srsName="EPSG:4326">
-          <gml:coordinates>-0.608315,44.857522</gml:coordinates>
-        </gml:Point>
-        </ms:msGeometry>
-        <ms:ogc_fid>1</ms:ogc_fid>
-        <ms:name>Bordeaux</ms:name>
-        <ms:id>124</ms:id>
-      </ms:point>
-    </gml:featureMember>
-    <gml:featureMember>
-      <ms:point fid="2">
-        <gml:boundedBy>
-        	<gml:Box srsName="EPSG:4326">
-        		<gml:coordinates>-0.021418,45.477577 -0.021418,45.477577</gml:coordinates>
-        	</gml:Box>
-        </gml:boundedBy>
-        <ms:msGeometry>
-        <gml:Point srsName="EPSG:4326">
-          <gml:coordinates>-0.021418,45.477577</gml:coordinates>
-        </gml:Point>
-        </ms:msGeometry>
-        <ms:ogc_fid>2</ms:ogc_fid>
-        <ms:name>Barbezieux</ms:name>
-        <ms:id>0</ms:id>
-      </ms:point>
-    </gml:featureMember>
-</wfs:FeatureCollection>
--- a/examples/gml/polygon.xml
+++ b/examples/gml/polygon.xml
@@ -1,89 +0,0 @@
-<?xml version="1.0" encoding="ISO-8859-1"?>
-<wfs:FeatureCollection xmlns:ms="http://mapserver.gis.umn.edu/mapserver" xmlns:wfs="http://www.opengis.net/wfs" xmlns:gml="http://www.opengis.net/gml" xmlns:ogc="http://www.opengis.net/ogc" xmlns:xsi="http://www.w3.org/2001/XMLSchema-instance" xsi:schemaLocation="http://www.opengis.net/wfs http://schemas.opengis.net/wfs/1.0.0/WFS-basic.xsd                         http://mapserver.gis.umn.edu/mapserver http://aneto.oco/cgi-bin/worldwfs?SERVICE=WFS&amp;VERSION=1.0.0&amp;REQUEST=DescribeFeatureType&amp;TYPENAME=polygon&amp;OUTPUTFORMAT=XMLSCHEMA">
-      <gml:boundedBy>
-      	<gml:Box srsName="EPSG:4326">
-      		<gml:coordinates>-0.768746,47.003018 3.002191,47.925567</gml:coordinates>
-      	</gml:Box>
-      </gml:boundedBy>
-    <gml:featureMember>
-      <ms:polygon fid="1">
-        <gml:boundedBy>
-        	<gml:Box srsName="EPSG:4326">
-        		<gml:coordinates>-0.768746,47.003018 0.532597,47.925567</gml:coordinates>
-        	</gml:Box>
-        </gml:boundedBy>
-        <ms:msGeometry>
-        <gml:MultiPolygon srsName="EPSG:4326">
-        <gml:polygonMember>
-          <gml:Polygon>
-            <gml:outerBoundaryIs>
-              <gml:LinearRing>
-                <gml:coordinates>-0.318987,47.003018 -0.768746,47.358268 -0.574463,47.684285 -0.347374,47.854602 -0.006740,47.925567 0.135191,47.726864 0.149384,47.599127 0.419052,47.670092 0.532597,47.428810 0.305508,47.443003 0.475824,47.144948 0.064225,47.201721 -0.318987,47.003018 </gml:coordinates>
-              </gml:LinearRing>
-            </gml:outerBoundaryIs>
-            <gml:innerBoundaryIs>
-              <gml:LinearRing>
-                <gml:coordinates>-0.035126,47.485582 -0.035126,47.485582 -0.049319,47.641706 -0.233829,47.655899 -0.375760,47.457196 -0.276408,47.286879 -0.035126,47.485582 </gml:coordinates>
-              </gml:LinearRing>
-            </gml:innerBoundaryIs>
-          </gml:Polygon>
-        </gml:polygonMember>
-        </gml:MultiPolygon>
-        </ms:msGeometry>
-        <ms:ogc_fid>1</ms:ogc_fid>
-        <ms:name>My Polygon with hole</ms:name>
-        <ms:id>0</ms:id>
-      </ms:polygon>
-    </gml:featureMember>
-    <gml:featureMember>
-      <ms:polygon fid="2">
-        <gml:boundedBy>
-        	<gml:Box srsName="EPSG:4326">
-        		<gml:coordinates>1.511919,47.088176 3.002191,47.882988</gml:coordinates>
-        	</gml:Box>
-        </gml:boundedBy>
-        <ms:msGeometry>
-        <gml:Polygon srsName="EPSG:4326">
-          <gml:outerBoundaryIs>
-            <gml:LinearRing>
-              <gml:coordinates>1.625463,47.357844 1.511919,47.741057 1.880938,47.882988 2.420275,47.797830 2.789295,47.485582 3.002191,47.457196 2.874453,47.088176 2.178993,47.343651 1.625463,47.357844 </gml:coordinates>
-            </gml:LinearRing>
-          </gml:outerBoundaryIs>
-        </gml:Polygon>
-        </ms:msGeometry>
-        <ms:ogc_fid>2</ms:ogc_fid>
-        <ms:name>My simple Polygon</ms:name>
-        <ms:id>0</ms:id>
-      </ms:polygon>
-    </gml:featureMember>
-    <gml:featureMember>
-      <ms:polygon fid="3">
-        <gml:boundedBy>
-        	<gml:Box srsName="EPSG:4326">
-        		<gml:coordinates>0.000000,45.000000 2.000000,47.000000</gml:coordinates>
-        	</gml:Box>
-        </gml:boundedBy>
-        <ms:msGeometry>
-        <gml:MultiPolygon srsName="EPSG:4326">
-        <gml:polygonMember>
-          <gml:Polygon>
-            <gml:outerBoundaryIs>
-              <gml:LinearRing>
-                <gml:coordinates>0.000000,45.000000 2.000000,45.000000 2.000000,47.000000 0.000000,47.000000 0.000000,45.000000 </gml:coordinates>
-              </gml:LinearRing>
-            </gml:outerBoundaryIs>
-            <gml:innerBoundaryIs>
-              <gml:LinearRing>
-                <gml:coordinates>0.500000,45.500000 1.500000,45.500000 1.500000,46.500000 0.500000,46.500000 0.500000,45.500000 </gml:coordinates>
-              </gml:LinearRing>
-            </gml:innerBoundaryIs>
-          </gml:Polygon>
-        </gml:polygonMember>
-        </gml:MultiPolygon>
-        </ms:msGeometry>
-        <ms:ogc_fid>3</ms:ogc_fid>
-        <ms:name>my polygon with hole</ms:name>
-        <ms:id>3</ms:id>
-      </ms:polygon>
-    </gml:featureMember>
-</wfs:FeatureCollection>
--- a/examples/google.html
+++ b/examples/google.html
@@ -15,13 +15,14 @@
    <!-- <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;
        var map, layer;

        function init(){
-            map = new OpenLayers.Map( 'map' , 
+            map = new OpenLayers.Map( $('map') , 
            { controls: [new OpenLayers.Control.MouseDefaults()] , 'numZoomLevels':20});

            var satellite = new OpenLayers.Layer.Google( "Google Satellite" , {type: G_SATELLITE_MAP, 'maxZoomLevel':18} );
@@ -32,11 +33,16 @@
                    "http://labs.metacarta.com/wms/vmap0", {layers: 'basic', 'transparent':true}, 
                      {isBaseLayer: false} );
            layer.setVisibility(false);
-         var twms = new OpenLayers.Layer.WMS( "World Map", 
+            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", 
         "http://world.freemap.in/cgi-bin/mapserv?", 
                 {map: '/www/freemap.in/world/map/factbooktrans.map', transparent:'true',
-                         layers: 'factbook', 'format':'png'}, {'reproject': true} );
-            map.addLayer(twms);
+                         layers: 'factbook', 'format':'png'} );
+                         map.addLayer(twms);
            markers = new OpenLayers.Layer.Markers("markers");
            map.addLayer(markers);

@@ -63,6 +69,8 @@
        function remove() {
            markers.removeMarker(marker);
        }
+                
+    // -->

    </script>
  </head>
--- a/examples/gutter.html
+++ b/examples/gutter.html
@@ -1,47 +0,0 @@
-<html> 
-  <head> 
-    <style type="text/css"> 
-        #map { 
-            width: 500px; 
-            height: 300px; 
-            border: 1px solid gray; 
-        } 
-        p.caption { 
-            width: 500px; 
-        } 
-    </style> 
-    <script src="../lib/OpenLayers.js"></script> 
-    <script type="text/javascript"> 
-        OpenLayers.IMAGE_RELOAD_ATTEMPTS = 2; 
-        var map; 
-        window.onload = function() { 
-            options = {maxExtent: new OpenLayers.Bounds(-73.5295, 41.2318, 
-                                                        -69.9097, 42.8883), 
-                       maxResolution: 0.0003} 
-            map = new OpenLayers.Map('map', options); 
-            var roads15 = new OpenLayers.Layer.WMS( "Roads (15px gutter)",  
-                "http://boston.freemap.in/cgi-bin/mapserv?map=/www/freemap.in/boston/map/gmaps.map&", 
-                {layers: 'roads_200_40'}, 
-                {gutter: 15});  
-            var roads = new OpenLayers.Layer.WMS( "Roads (no gutter)",  
-                "http://boston.freemap.in/cgi-bin/mapserv?map=/www/freemap.in/boston/map/gmaps.map&", 
-                {layers: 'roads_200_40'});  
-            map.addLayers([roads, roads15]); 
-            map.addControl(new OpenLayers.Control.LayerSwitcher()); 
-            map.setCenter(new OpenLayers.LonLat(-71.848, 42.2), 0); 
-        } 
-    </script> 
-  </head> 
-  <body> 
-    <h1>OpenLayers Gutter Example</h1> 
-    <div id="map"></div> 
-    <p class="caption"> 
-        When you render tiles with certain types of symbols, there are artifacts 
-        at tile edges that make symbology not look continuous.  In the center of 
-        the above map (when it first loads), the large orange road is split 
-        vertically by a tile.  Open the layer switcher and change to the layer 
-        with a 15 pixel gutter to see how the symbology looks nicer. 
-    </p> 
-         
-  </body> 
-</html>
--- a/examples/image-layer.html
+++ b/examples/image-layer.html
@@ -12,11 +12,11 @@
    </style>
    <script src="../lib/OpenLayers.js"></script>
    <script type="text/javascript">
-        var map;
+        <!--
        function init(){
-            map = new OpenLayers.Map('map');
+            var map = new OpenLayers.Map('map');

-            var options = {numZoomLevels: 3};
+            var options = {maxResolution: 'auto', numZoomLevels: 3};
            
            var graphic = new OpenLayers.Layer.Image(
                                'City Lights',
@@ -33,6 +33,7 @@
            map.addControl(new OpenLayers.Control.LayerSwitcher());
            map.zoomToMaxExtent();
        }
+        // -->
    </script>
  </head>
  <body onload="init()">
--- a/examples/kamap.html
+++ b/examples/kamap.html
@@ -9,9 +9,13 @@
    </style>
    <script src="../lib/OpenLayers.js"></script>
    <script type="text/javascript">
-        var map;
+        <!--
        function init(){
-            map = new OpenLayers.Map('map');
+            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",
                    "http://www.openlayers.org/world/index.php", {g: "satellite", map: "world"});
@@ -21,10 +25,11 @@
                         "prov_bound,fedlimit,rail,road,popplace",
                 transparent: "true", format: "image/png" });

-            map.addLayers([jpl_wms, dm_wms]);
+            map.addLayers([ol_wms, jpl_wms, dm_wms]);
            map.addControl(new OpenLayers.Control.LayerSwitcher());
            map.zoomToMaxExtent();
        }
+        // -->
    </script>
  </head>
  <body onload="init()">
--- a/examples/kml-layer-linestring.html
+++ b/examples/kml-layer-linestring.html
@@ -1,30 +0,0 @@
-<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'} );
-            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()">
-    <div id="map"></div>
-  </body>
-</html>
--- a/examples/kml-layer.html
+++ b/examples/kml-layer.html
@@ -1,30 +0,0 @@
-<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'} );
-            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()">
-    <div id="map"></div>
-  </body>
-</html>
--- a/examples/kml/lines.kml
+++ b/examples/kml/lines.kml
@@ -1,267 +0,0 @@
-<?xml version="1.0" encoding="UTF-8"?>
-<kml xmlns="http://earth.google.com/kml/2.0">
-  <Document>
-    <name>KML Samples</name>
-    <open>1</open>
-    <description>Unleash your creativity with the help of these examples!</description>
-    <Style id="downArrowIcon">
-      <IconStyle>
-        <Icon>
-          <href>http://maps.google.com/mapfiles/kml/pal4/icon28.png</href>
-        </Icon>
-      </IconStyle>
-    </Style>
-    <Style id="globeIcon">
-      <IconStyle>
-        <Icon>
-          <href>http://maps.google.com/mapfiles/kml/pal3/icon19.png</href>
-        </Icon>
-      </IconStyle>
-      <LineStyle>
-        <width>2</width>
-      </LineStyle>
-    </Style>
-    <Style id="transPurpleLineGreenPoly">
-      <LineStyle>
-        <color>7fff00ff</color>
-        <width>4</width>
-      </LineStyle>
-      <PolyStyle>
-        <color>7f00ff00</color>
-      </PolyStyle>
-    </Style>
-    <Style id="yellowLineGreenPoly">
-      <LineStyle>
-        <color>7f00ffff</color>
-        <width>4</width>
-      </LineStyle>
-      <PolyStyle>
-        <color>7f00ff00</color>
-      </PolyStyle>
-    </Style>
-    <Style id="thickBlackLine">
-      <LineStyle>
-        <color>87000000</color>
-        <width>10</width>
-      </LineStyle>
-    </Style>
-    <Style id="redLineBluePoly">
-      <LineStyle>
-        <color>ff0000ff</color>
-      </LineStyle>
-      <PolyStyle>
-        <color>ffff0000</color>
-      </PolyStyle>
-    </Style>
-    <Style id="blueLineRedPoly">
-      <LineStyle>
-        <color>ffff0000</color>
-      </LineStyle>
-      <PolyStyle>
-        <color>ff0000ff</color>
-      </PolyStyle>
-    </Style>
-    <Style id="transRedPoly">
-      <LineStyle>
-        <width>1.5</width>
-      </LineStyle>
-      <PolyStyle>
-        <color>7d0000ff</color>
-      </PolyStyle>
-    </Style>
-    <Style id="transBluePoly">
-      <LineStyle>
-        <width>1.5</width>
-      </LineStyle>
-      <PolyStyle>
-        <color>7dff0000</color>
-      </PolyStyle>
-    </Style>
-    <Style id="transGreenPoly">
-      <LineStyle>
-        <width>1.5</width>
-      </LineStyle>
-      <PolyStyle>
-        <color>7d00ff00</color>
-      </PolyStyle>
-    </Style>
-    <Style id="transYellowPoly">
-      <LineStyle>
-        <width>1.5</width>
-      </LineStyle>
-      <PolyStyle>
-        <color>7d00ffff</color>
-      </PolyStyle>
-    </Style>
-    <Style id="noDrivingDirections">
-      <BalloonStyle>
-        <text><![CDATA[
-          <b>$[name]</b>
-          <br /><br />
-          $[description]
-        ]]></text>
-      </BalloonStyle>
-    </Style>
-    <Folder>
-      <name>Paths</name>
-      <visibility>0</visibility>
-      <description>Examples of paths. Note that the tessellate tag is by default
-        set to 0. If you want to create tessellated lines, they must be authored
-        (or edited) directly in KML.</description>
-      <Placemark>
-        <name>Tessellated</name>
-        <visibility>0</visibility>
-        <description><![CDATA[If the <tessellate> tag has a value of 1, the line will contour to the underlying terrain]]></description>
-        <LookAt>
-          <longitude>-112.0822680013139</longitude>
-          <latitude>36.09825589333556</latitude>
-          <altitude>0</altitude>
-          <range>2889.145007690472</range>
-          <tilt>62.04855796276328</tilt>
-          <heading>103.8120432044965</heading>
-        </LookAt>
-        <LineString>
-          <tessellate>1</tessellate>
-          <coordinates> -112.0814237830345,36.10677870477137,0
-            -112.0870267752693,36.0905099328766,0 </coordinates>
-        </LineString>
-      </Placemark>
-      <Placemark>
-        <name>Untessellated</name>
-        <visibility>0</visibility>
-        <description><![CDATA[If the <tessellate> tag has a value of 0, the line follow a simple straight-line path from point to point]]></description>
-        <LookAt>
-          <longitude>-112.0822680013139</longitude>
-          <latitude>36.09825589333556</latitude>
-          <altitude>0</altitude>
-          <range>2889.145007690472</range>
-          <tilt>62.04855796276328</tilt>
-          <heading>103.8120432044965</heading>
-        </LookAt>
-        <LineString>
-          <tessellate>0</tessellate>
-          <coordinates> -112.080622229595,36.10673460007995,0
-            -112.085242575315,36.09049598612422,0 </coordinates>
-        </LineString>
-      </Placemark>
-      <Placemark>
-        <name>Absolute</name>
-        <visibility>0</visibility>
-        <description>Transparent purple line</description>
-        <LookAt>
-          <longitude>-112.2719329043177</longitude>
-          <latitude>36.08890633450894</latitude>
-          <altitude>0</altitude>
-          <range>2569.386744398339</range>
-          <tilt>44.60763714063257</tilt>
-          <heading>-106.8161545998597</heading>
-        </LookAt>
-        <styleUrl>#transPurpleLineGreenPoly</styleUrl>
-        <LineString>
-          <tessellate>1</tessellate>
-          <altitudeMode>absolute</altitudeMode>
-          <coordinates> -112.265654928602,36.09447672602546,2357
-            -112.2660384528238,36.09342608838671,2357
-            -112.2668139013453,36.09251058776881,2357
-            -112.2677826834445,36.09189827357996,2357
-            -112.2688557510952,36.0913137941187,2357
-            -112.2694810717219,36.0903677207521,2357
-            -112.2695268555611,36.08932171487285,2357
-            -112.2690144567276,36.08850916060472,2357
-            -112.2681528815339,36.08753813597956,2357
-            -112.2670588176031,36.08682685262568,2357
-            -112.2657374587321,36.08646312301303,2357 </coordinates>
-        </LineString>
-      </Placemark>
-      <Placemark>
-        <name>Absolute Extruded</name>
-        <visibility>0</visibility>
-        <description>Transparent green wall with yellow outlines</description>
-        <LookAt>
-          <longitude>-112.2643334742529</longitude>
-          <latitude>36.08563154742419</latitude>
-          <altitude>0</altitude>
-          <range>4451.842204068102</range>
-          <tilt>44.61038665812578</tilt>
-          <heading>-125.7518698668815</heading>
-        </LookAt>
-        <styleUrl>#yellowLineGreenPoly</styleUrl>
-        <LineString>
-          <extrude>1</extrude>
-          <tessellate>1</tessellate>
-          <altitudeMode>absolute</altitudeMode>
-          <coordinates> -112.2550785337791,36.07954952145647,2357
-            -112.2549277039738,36.08117083492122,2357
-            -112.2552505069063,36.08260761307279,2357
-            -112.2564540158376,36.08395660588506,2357
-            -112.2580238976449,36.08511401044813,2357
-            -112.2595218489022,36.08584355239394,2357
-            -112.2608216347552,36.08612634548589,2357
-            -112.262073428656,36.08626019085147,2357
-            -112.2633204928495,36.08621519860091,2357
-            -112.2644963846444,36.08627897945274,2357
-            -112.2656969554589,36.08649599090644,2357 </coordinates>
-        </LineString>
-      </Placemark>
-      <Placemark>
-        <name>Relative</name>
-        <visibility>0</visibility>
-        <description>Black line (10 pixels wide), height tracks terrain</description>
-        <LookAt>
-          <longitude>-112.2580438551384</longitude>
-          <latitude>36.1072674824385</latitude>
-          <altitude>0</altitude>
-          <range>2927.61105910266</range>
-          <tilt>44.61324882043339</tilt>
-          <heading>4.947421249553717</heading>
-        </LookAt>
-        <styleUrl>#thickBlackLine</styleUrl>
-        <LineString>
-          <tessellate>1</tessellate>
-          <altitudeMode>relativeToGround</altitudeMode>
-          <coordinates> -112.2532845153347,36.09886943729116,645
-            -112.2540466121145,36.09919570465255,645
-            -112.254734666947,36.09984998366178,645
-            -112.255493345654,36.10051310621746,645
-            -112.2563157098468,36.10108441943419,645
-            -112.2568033076439,36.10159722088088,645
-            -112.257494011321,36.10204323542867,645
-            -112.2584106072308,36.10229131995655,645
-            -112.2596588987972,36.10240001286358,645
-            -112.2610581199487,36.10213176873407,645
-            -112.2626285262793,36.10157011437219,645 </coordinates>
-        </LineString>
-      </Placemark>
-      <Placemark>
-        <name>Relative Extruded</name>
-        <visibility>0</visibility>
-        <description>Opaque blue walls with red outline, height tracks terrain</description>
-        <LookAt>
-          <longitude>-112.2683594333433</longitude>
-          <latitude>36.09884362144909</latitude>
-          <altitude>0</altitude>
-          <range>2184.193522571467</range>
-          <tilt>44.60855445139561</tilt>
-          <heading>-72.24271551768405</heading>
-        </LookAt>
-        <styleUrl>#redLineBluePoly</styleUrl>
-        <LineString>
-          <extrude>1</extrude>
-          <tessellate>1</tessellate>
-          <altitudeMode>relativeToGround</altitudeMode>
-          <coordinates> -112.2656634181359,36.09445214722695,630
-            -112.2652238941097,36.09520916122063,630
-            -112.2645079986395,36.09580763864907,630
-            -112.2638827428817,36.09628572284063,630
-            -112.2635746835406,36.09679275951239,630
-            -112.2635711822407,36.09740038871899,630
-            -112.2640296531825,36.09804913435539,630
-            -112.264327720538,36.09880337400301,630
-            -112.2642436562271,36.09963644790288,630
-            -112.2639148687042,36.10055381117246,630
-            -112.2626894973474,36.10149062823369,630 </coordinates>
-        </LineString>
-      </Placemark>
-    </Folder>
-  </Document>
-</kml>
--- a/examples/layer-opacity.html
+++ b/examples/layer-opacity.html
@@ -34,15 +34,16 @@
    </style>
    <script src="../lib/OpenLayers.js"></script>
    <script type="text/javascript">
+        <!--
        var map = null;
        var shade = null;
        var maxOpacity = 0.9;
        var minOpacity = 0.1;
        function changeOpacity(byOpacity) {
-            var newOpacity = (parseFloat(OpenLayers.Util.getElement('opacity').value) + byOpacity).toFixed(1);
+            var newOpacity = (parseFloat($('opacity').value) + byOpacity).toFixed(1);
            newOpacity = Math.min(maxOpacity,
                                  Math.max(minOpacity, newOpacity));
-            OpenLayers.Util.getElement('opacity').value = newOpacity;
+            $('opacity').value = newOpacity;
            shade.setOpacity(newOpacity);
        }
        function init(){
@@ -65,6 +66,7 @@
            map.addControl(new OpenLayers.Control.LayerSwitcher());
            map.setCenter(new OpenLayers.LonLat(464348.5,4975876), 1);
        }
+        // -->
    </script>
  </head>
  <body onload="init()">
--- a/examples/layerLoadMonitoring.html
+++ b/examples/layerLoadMonitoring.html
@@ -1,121 +0,0 @@
-<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>
--- a/examples/layerswitcher.html
+++ b/examples/layerswitcher.html
@@ -1,50 +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="../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>
--- a/examples/lite.html
+++ b/examples/lite.html
@@ -9,19 +9,20 @@
    </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'} );
+                    "http://labs.metacarta.com/wms/vmap0", {layers: 'basic'} );
            map.addLayer(layer);
            map.setCenter(new OpenLayers.LonLat(lon, lat), zoom);
        }
+        // -->
    </script>
  </head>
  <body onload="init()">
--- a/examples/lonlatfrompx.html
+++ b/examples/lonlatfrompx.html
@@ -0,0 +1,43 @@
+<html xmlns="http://www.w3.org/1999/xhtml">
+  <head>
+	<title>OpenLayers Cursor Example</title>
+    <style type="text/css">
+        #map {
+			width: 700px;
+			height: 400px;
+            border: 1px solid black;
+        }
+    </style>
+    <script src="../lib/OpenLayers.js"></script>
+    <script type="text/javascript">
+        <!--
+        function init(){
+            var map = new OpenLayers.Map('map', { controls: [] });
+
+            map.addControl(new OpenLayers.Control.PanZoomBar());
+            map.addControl(new OpenLayers.Control.MouseToolbar());
+
+            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]);
+			
+			OpenLayers.Event.observe($('map'),"click",mapclicked.bindAsEventListener(map)); 
+			function mapclicked(e){
+                var lonlat = map.getLonLatFromPixel(e.xy);                
+                alert("Lat: " + lonlat.lat + " (Pixel.x:" + e.xy.x + ")" + "\n" + "Lon: " + lonlat.lon + " (Pixel.y:" + e.xy.y + ")" );
+            };
+			
+            if (!map.getCenter()) map.zoomToMaxExtent();
+        }
+        // -->
+    </script>
+  </head>
+  <body onload="init()">
+    <h1>OpenLayers Cursor Example</h1>
+    <div id="map"></div>
+  </body>
+</html>
--- a/examples/mapserver.html
+++ b/examples/mapserver.html
@@ -9,22 +9,23 @@
    </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.MapServer( "OpenLayers WMS", 
-                    "http://labs.metacarta.com/wms/vmap0", {layers: 'basic'},
-                    {gutter: 15});
+                    "http://labs.metacarta.com/wms/vmap0", {layers: 'basic'} );
            map.addLayer(layer);

            map.setCenter(new OpenLayers.LonLat(lon, lat), zoom);
            map.addControl( new OpenLayers.Control.LayerSwitcher() );
        }
        
+        // -->
    </script>
  </head>
  <body onload="init()">
--- a/Show More
+++ b/Show More