<!DOCTYPE html PUBLIC "-//W3C//DTD XHTML 1.0 Transitional//EN"

   "http://www.w3.org/TR/xhtml1/DTD/xhtml1-transitional.dtd">

<html xmlns="http://www.w3.org/1999/xhtml">

  <head>

    <link rel="stylesheet" href="../theme/default/style.css" type="text/css" />

    <link rel="stylesheet" href="style.css" type="text/css" />

    <script src="../lib/OpenLayers.js" type="text/javascript"></script>

    <script type="text/javascript">

    function init() {

var map = new OpenLayers.Map('map');

           var layer = new OpenLayers.Layer.WMS("OpenLayers WMS",

                   "http://labs.metacarta.com/wms/vmap0", { layers: 'basic' });

           map.addLayer(layer);

           map.addControl(new OpenLayers.Control.LayerSwitcher());

           var lineLayer1 = new OpenLayers.Layer.Vector("Line Layer");

           var pts = [];

           pts.push(new OpenLayers.Geometry.Point(0, 1));

           pts.push(new OpenLayers.Geometry.Point(12, 50));

           var line = new OpenLayers.Feature.Vector(new

OpenLayers.Geometry.LineString(pts), null,

OpenLayers.Feature.Vector.style['default']);

           lineLayer1.addFeatures([line]);

           lineLayer1.events.register("mouseover", lineLayer1, function(e) {

               this.div.style.cursor = "pointer";

               var feature = this.getFeatureFromEvent(e);

               if (feature)

                   alert("LineLayer1");

           });

           var lineLayer2 = new OpenLayers.Layer.Vector("Polygon Layer");

           var pts = [];

           pts.push(new OpenLayers.Geometry.Point(-70, -10));

           pts.push(new OpenLayers.Geometry.Point(12, 50));

           var line = new OpenLayers.Feature.Vector(new

OpenLayers.Geometry.LineString(pts), null,

OpenLayers.Feature.Vector.style['default']);

           lineLayer2.addFeatures([line]);

           lineLayer2.events.register("mouseover", lineLayer2, function(e) {

               this.div.style.cursor = "pointer";

               var feature = this.getFeatureFromEvent(e);

               if (feature)

                   alert("LineLayer2");

           });

           map.addLayer(lineLayer1);

           map.addLayer(lineLayer2);

           map.setCenter(new OpenLayers.LonLat(0, 0));

       }

    </script>

  </head>

  <body onload="init()">

<h1 id="title">Test</h1>

<div id="tags">

</div>

<p id="shortdesc">

    Test

</p>

<div style="text-align: right">

    <div id="map" class="smallmap"></div>

</div>

<div id="docs">

    <p>Test</p>

</div>

  </body>

</html>