﻿    if (GBrowserIsCompatible()) { 

      // A function to create the marker and set up the event window
      // Dont try to unroll this function. It has to be here for the function closure
      // Each instance of the function preserves the contends of a different instance
      // of the "marker" and "html" variables which will be needed later when the event triggers.    
      function createMarker(point,html) {
        var marker = new GMarker(point);
        GEvent.addListener(marker, "click", function() {
          marker.openInfoWindowHtml(html);
        });
        return marker;
      }

      // Display the map, with some controls and set the initial location 
      var map = new GMap2(document.getElementById("map"));
      map.addControl(new GLargeMapControl());
      map.addControl(new GMapTypeControl());
      map.setCenter(new GLatLng(54.409490041408041, -2.9463958740234375), 9);
    
      // Set up three markers with info windows 
    
       var point = new GLatLng(54.410279906999904,-2.948182225227356);
      var marker = createMarker(point,'<div style="width:240px">Low Wood Hotel</div>')
      map.addOverlay(marker);

      var point = new GLatLng(54.420618562417026,-2.9616227746009827);
      var marker = createMarker(point,'Waterhead Hotel')
      map.addOverlay(marker);

      var point = new GLatLng(54.35066009491293,-2.870202362537384);
      var marker = createMarker(point,'WildBoar Hotel')
      map.addOverlay(marker);
	  
	  var point = new GLatLng(54.339281164744115,-2.9356402158737183);
      var marker = createMarker(point,'Storrs Hall Hotel')
      map.addOverlay(marker);
	  
	  var point = new GLatLng(54.006502998949486,-2.7888885140419006);
      var marker = createMarker(point,'Lancaster House Hotel')
      map.addOverlay(marker);

      var point = new GLatLng(54.072087, -2.875167);
      var marker = createMarker(point, 'Midland Hotel')
      map.addOverlay(marker);
      
       //  ======== Add a map overview ==========
      map.addControl(new GOverviewMapControl(new GSize(150,150)));

      //  ======== A function to adjust the positioning of the overview ========
      function positionOverview(x,y) {
        var omap=document.getElementById("map_overview");
        omap.style.left = x+"px";
        omap.style.top = y+"px";
        
        // == restyling ==
        omap.firstChild.style.border = "1px solid gray";

        omap.firstChild.firstChild.style.left="2px";
        omap.firstChild.firstChild.style.top="2px";
        omap.firstChild.firstChild.style.width="140px";
        omap.firstChild.firstChild.style.height="140px";
        }
        //  ======== Cause the overview to be positioned AFTER IE sets its initial position ======== 
//      setTimeout("positionOverview(558,254)",1);
    }
    
    // display a warning if the browser was not compatible
    else {
      alert("Sorry, the Google Maps API is not compatible with this browser");
    }