// Google Maps
//<![CDATA[
function load() {
	var tooltip;
	if (GBrowserIsCompatible()) {

		var icon_url ="http://labs.google.com/ridefinder/images/";
		var map = new GMap2(document.getElementById("map"));
		tooltip = document.createElement("div");
		map.getPane(G_MAP_MARKER_PANE).appendChild(tooltip);
		map.addControl(new GLargeMapControl());
		map.addControl(new GScaleControl());
		map.setCenter(new GLatLng(53.589342464427105, 6.664237976074219), 15);

		// Creates a marker at the given point
		function createMarker(point) {
			var marker = new GMarker(point);
			GEvent.addListener(marker, "mouseover", function() { marker.openInfoWindowHtml("Hier finden Sie<br />unsere Ferienwohnungen.<br /><br /><b>M&ouml;wennester 24 + 29 + 30</b><br /><br />Wenn Sie mehr &uuml;ber unsere Wohnungen<br />erfahren m&ouml;chten, klicken Sie <a href=\"wohnungen.php\">hier</a>."); });
			return marker;
		}
		
		// Create Extra Marker with onmouseover tooltip
		function createExtraMarker(point, icon, name) {
			var marker = new GMarker(point, icon );
			marker.tooltip = "<div class='tooltip'>"+ name+ "<\/div>";
			GEvent.addListener(marker, "mouseover", function() {
				showTooltip(marker);
			});

			GEvent.addListener(marker, "mouseout", function() {
				tooltip.style.display = "none";
			});

			return marker;
		}

		function addIcon(icon) { // Add icon attributes
		
			icon.shadow= icon_url + "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);
		}

		// Display tooltips
		function showTooltip(marker) {
		
			tooltip.innerHTML = marker.tooltip;
			tooltip.style.display = "block";
		
			// Tooltip transparency specially for IE
			if(typeof(tooltip.style.filter) == "string") {
				tooltip.style.filter = "alpha(opacity:70)";
			}
		
			var currtype = map.getCurrentMapType().getProjection();
			var point= currtype.fromLatLngToPixel(map.fromDivPixelToLatLng(new GPoint(0,0),true),map.getZoom());
			var offset= currtype.fromLatLngToPixel(marker.getPoint(),map.getZoom());
			var anchor = marker.getIcon().iconAnchor;
			var width = marker.getIcon().iconSize.width + 6;
			// var height = tooltip.clientHeight +18;
			var height = 10;
			var pos = new GControlPosition(G_ANCHOR_TOP_LEFT, new GSize(offset.x - point.x - anchor.x + width, offset.y - point.y -anchor.y - height)); 
			pos.apply(tooltip);
		}

		// Möwennester
		var point = new GLatLng(53.58793246435255, 6.665031909942627);
		map.addOverlay(createMarker(point));


		var icon = new GIcon();
		icon.image = icon_url +"mm_20_orange.png";
		addIcon(icon);

		// Bahnhof
		var extrapoint = new GLatLng(53.58737203152626, 6.662693023681641);
		map.addOverlay(createExtraMarker(extrapoint, icon, "Bahnhof Borkum"));

		// Gezeitenland
		var extrapoint = new GLatLng(53.58584354058916, 6.657822132110596);
		map.addOverlay(createExtraMarker(extrapoint, icon, "Gezeitenland"));

		// Strandpromenade
		var extrapoint = new GLatLng(53.587295608292266, 6.657006740570068);
		map.addOverlay(createExtraMarker(extrapoint, icon, "Strandpromenade"));

		// Neuer Leuchtturm
		var extrapoint = new GLatLng(53.58891320391539, 6.661920547485352);
		map.addOverlay(createExtraMarker(extrapoint, icon, "Neuer Leuchtturm"));

		// Alter Leuchtturm
		var extrapoint = new GLatLng(53.587868779178386, 6.670932769775391);
		map.addOverlay(createExtraMarker(extrapoint, icon, "Alter Leuchtturm"));

		// Fahrrad Tente
		var extrapoint = new GLatLng(53.588352784095015, 6.666169166564941);
		map.addOverlay(createExtraMarker(extrapoint, icon, "Fahrrad Tente"));
}
}