//<![CDATA[

	var coords = new Array(
		new Array(53.7857,-3.0458),
		new Array(53.922,-3.0158),
		new Array(53.7528,-3.0276)
	);
	
	function load() {
		if (GBrowserIsCompatible()) {
			var map = new GMap2(document.getElementById("map"));
			map.setCenter(new GLatLng(coords[2][0],coords[2][1]),14);
			map.addControl(new GSmallMapControl());
			map.enableContinuousZoom();

			var icon = new GIcon();
			icon.image = "http://labs.google.com/ridefinder/images/mm_20_red.png";
			icon.shadow = "http://labs.google.com/ridefinder/images/mm_20_shadow.png";
			icon.iconSize = new GSize(12, 20);
			icon.shadowSize = new GSize(22, 20);
			icon.iconAnchor = new GPoint(6, 20);
			icon.infoWindowAnchor = new GPoint(5, 1);

			function createMarker(point, text) {
				var marker = new GMarker(point);
				GEvent.addListener(marker, "click", function() {
					marker.openInfoWindowHtml(text);
				});
				return marker;
			}

			map.addOverlay(
				createMarker(
					new GLatLng(coords[2][0],coords[2][1]),
					"<b>Mortgage Options UK Ltd</b><br />10 The Crescent<br />St Annes<br />FY8 1SZ<br /><br />Tel: 01253 781811<br />Fax: 01253 781810"),
				icon
			);

						
			
			function TextualZoomControl() {}
			TextualZoomControl.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.
			TextualZoomControl.prototype.initialize = function(map) {
				var container = document.createElement("div");
	
				var stannesDiv = document.createElement("div");
				this.setButtonStyle_(stannesDiv);
				container.appendChild(stannesDiv);
				stannesDiv.appendChild(document.createTextNode("St. Annes"));
				GEvent.addDomListener(stannesDiv, "click", function() {
					map.setCenter(new GLatLng(coords[2][0],coords[2][1]),14);
				});

				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.
			TextualZoomControl.prototype.getDefaultPosition = function() {
				return new GControlPosition(G_ANCHOR_TOP_RIGHT, new GSize(7, 7));
			}

			// Sets the proper CSS for the given button element.
			TextualZoomControl.prototype.setButtonStyle_ = function(button) {
				button.style.textDecoration = "underline";
				button.style.color = "#0000cc";
				button.style.backgroundColor = "white";
				button.style.font = "small 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";
			}
			map.addControl(new TextualZoomControl());

		}
	}
	//]]>