//<![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(53.987171, -1.100307), 16);
		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(53.987171, -1.100307), 14);
		map.closeInfoWindow();
	  });

	  var cityDiv = document.createElement("div");
	  this.setButtonStyle_(cityDiv);
	  container.appendChild(cityDiv);
	  cityDiv.appendChild(document.createTextNode("City"));
	  GEvent.addDomListener(cityDiv, "click", function() {
        map.setCenter(new GLatLng(53.987171, -1.100307), 11);
		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(53.987171, -1.100307), 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(53.987171, -1.100307), 16);



		// Create our "tiny" marker icon
		var bandbicon = new GIcon();
		bandbicon.image = "http://www.squeegee-design.co.uk/_images/structure/mapmarker.png";
		bandbicon.iconSize = new GSize(167, 69);
		bandbicon.iconAnchor = new GPoint(84, 67);
		bandbicon.infoWindowAnchor = new GPoint(84, 67);

		var bandb = new GMarker(new GLatLng(53.987171, -1.100307),bandbicon);
		GEvent.addListener(bandb, "click", function() {
			bandb.openInfoWindowHtml("<div style=\"width: 290px; background: #ffffff;\"><h2>Get Directions!</h2><p>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=YO30+4GR,+UK&om=1';return true;\"><input type=\"text\" name=\"postcode\"> <input type=\"submit\" value=\"Get Directions.\"></form></div>");
		});
		GEvent.addListener(bandb, "infowindowclose", function(){
		  map.panTo(new GLatLng(53.987171, -1.100307));
		})
		map.addOverlay(bandb);
		map.addControl(new levels());


     }
    }

    //]]>