//<![CDATA[

	function levels() {
	}
	levels.prototype = new GControl();

	// Creates a one DIV for each of the buttons and places them in a container
	// DIV which is returned as our control element. We add the control to
	// to the map container and return the element for the map class to
	// position properly.
	levels.prototype.initialize = function(map) {
	  var container = document.createElement("div");

	  var streetDiv = document.createElement("div");
	  this.setButtonStyle_(streetDiv);
	  container.appendChild(streetDiv);
	  streetDiv.appendChild(document.createTextNode("Street"));
	  GEvent.addDomListener(streetDiv, "click", function() {
        map.setCenter(new GLatLng(54.373921,-1.605935), 15);
		map.closeInfoWindow();
	  });

	  var localDiv = document.createElement("div");
	  this.setButtonStyle_(localDiv);
	  container.appendChild(localDiv);
	  localDiv.appendChild(document.createTextNode("Local"));
	  GEvent.addDomListener(localDiv, "click", function() {
        map.setCenter(new GLatLng(54.373921,-1.605935), 13);
		map.closeInfoWindow();
	  });

	  var regionDiv = document.createElement("div");
	  this.setButtonStyle_(regionDiv);
	  container.appendChild(regionDiv);
	  regionDiv.appendChild(document.createTextNode("Region"));
	  GEvent.addDomListener(regionDiv, "click", function() {
        map.setCenter(new GLatLng(54.373921,-1.605935), 8);
		map.closeInfoWindow();
	  });

	  map.getContainer().appendChild(container);
	  return container;
	}

	// By default, the control will appear in the top left corner of the
	// map with 7 pixels of padding.
	levels.prototype.getDefaultPosition = function() {
	  return new GControlPosition(G_ANCHOR_TOP_RIGHT, new GSize(12, 12));
	}

	// Sets the proper CSS for the given button element.
	levels.prototype.setButtonStyle_ = function(button) {
	  button.style.textDecoration = "underline";
	  button.style.color = "#0000cc";
	  button.style.backgroundColor = "white";
	  button.style.font = "11px Arial";
	  button.style.border = "1px solid black";
	  button.style.padding = "2px";
	  button.style.marginBottom = "3px";
	  button.style.textAlign = "center";
	  button.style.width = "6em";
	  button.style.cursor = "pointer";
	}


    function load() {
      if (GBrowserIsCompatible()) {
        var map = new GMap2(document.getElementById("gmap"));
		map.addControl(new GSmallMapControl());
        map.setCenter(new GLatLng(54.373921,-1.605935), 11);



		// Create our "tiny" marker icon
		var bandbicon = new GIcon();
		bandbicon.image = "http://lakeside.sqgd.co.uk/images/structure/mapmarker.png";
		bandbicon.iconSize = new GSize(102, 114);
		bandbicon.iconAnchor = new GPoint(51, 111);
		bandbicon.infoWindowAnchor = new GPoint(51, 111);

		var bandb = new GMarker(new GLatLng(54.373921,-1.605935),bandbicon);
		GEvent.addListener(bandb, "click", function() {
			bandb.openInfoWindowHtml("<div style=\"width: 290px;\"><h2>The Lakeside is here.</h2><p>Driving directions can be found <a href=\"http://maps.google.com/maps?f=d&hl=en&saddr=&daddr=DL10+6AP,+UK&om=1\" target=\"_blank\">here</a></p><p>Alternatively, simply enter your postcode...</p><form style=\"margin: 0 0 20px 0;padding: 0;\" method=\"POST\" target=\"_blank\" onsubmit=\"this.action = 'http://maps.google.com/maps?f=d&hl=en&saddr=' + this.postcode.value + '&daddr=DL10+6AP,+UK&om=1';return true;\"><input type=\"text\" name=\"postcode\"> <input type=\"submit\" value=\"Get Directions.\"></form></div>");
		});
		map.addOverlay(bandb);
		map.addControl(new levels());


     }
    }

    //]]>