title: Javascript error of init() not defined . How to remove this error?
body: <pre><code>&lt;!DOCTYPE html&gt;
  &lt;html&gt;
    &lt;head&gt;
  
      &lt;link rel="stylesheet" href="style.css" type="text/css"&gt;
  &lt;script src="http://openlayers.org/api/2.10/OpenLayers.js" type="text/javascript"&gt;
          var map, layer;
          function init(){
              map = new OpenLayers.Map( 'map', {controls: [
                  new OpenLayers.Control.Navigation({documentDrag: true}),
                  new OpenLayers.Control.PanZoom(),
                  new OpenLayers.Control.ArgParser(),
                  new OpenLayers.Control.Attribution()
              ]} );
              layer = new OpenLayers.Layer.WMS( "OpenLayers WMS",
                      "http://vmap0.tiles.osgeo.org/wms/vmap0",
                      {layers: 'basic'} );
              map.addLayer(layer);
              map.zoomToMaxExtent();
          }
      &lt;/script&gt;
    &lt;/head&gt;
    &lt;body onload="init()"&gt;
      &lt;h1 id="title"&gt;OpenLayers Document Drag Example&lt;/h1&gt;
  
      &lt;div id="tags"&gt;
          drag
      &lt;/div&gt;
  
      &lt;div id="shortdesc"&gt;Keep on dragging even when the mouse cursor moves outside of the map&lt;/div&gt;
  
      &lt;div id="map" class="smallmap"&gt;&lt;/div&gt;
  
      &lt;div id="docs"&gt;
          &lt;p&gt;This example shows how to make a map draggable outside of the map itself.&lt;/p&gt;
      &lt;/div&gt;
    &lt;/body&gt;
  
  &lt;/html&gt;
  </code></pre>
  
  <p>That is my html code with the javascript . My firebug throws up the error init() not defined . What can be the error ?</p>