google.load("maps", "2.x");

// Call this function when the page has been loaded
jQuery(document).ready(function($) {
	if (GBrowserIsCompatible()) {

    var pleaseInputText = "Bitte Startadresse eingeben";
    var GMapsRouteScript = "http://www.google.de/maps?daddr=Meisenstra%DFe+65%2C+33607+Bielefeld";
		var windowHTML =
			"<form id='gmapInfoWindow' method='get' action='" + GMapsRouteScript + "' target='_blank'>" +
            "<p>Digitalkombinat GbR<br/>" +
			"Meisenstraße 65<br/>" +
			"33607 Bielefeld</p>" +
            "<input type='hidden' name='daddr' value='Meisenstrasse 65, 33607 Bielefeld' />" +
            "<input id='gmapInput' type='text' name='saddr' value='" + pleaseInputText + "' /><br/>" +
            "<button type='submit'>Route berechnen</button></form>";

		var pathToMarkerImage = "http://www.digitalkombinat.net/wp-content/themes/dkRoyal/img/digitalkombinat_marker.png";
		var pathToTransparentMarkerImage = "http://www.digitalkombinat.net/wp-content/themes/dkRoyal/img/digitalkombinat_marker_transparent.png";

		var dkLatLng = new GLatLng(52.01553203591326, 8.571653366088867);
		var centerLatLng = new GLatLng(52.022501000650195, 8.545475006103516);

		var map = new google.maps.Map2(document.getElementById("googlemap"),
		{ size: new GSize(468,311) } );

		// Center
		map.setCenter(centerLatLng, 13);

		// GUI
		var customUI = map.getDefaultUI();
		customUI.maptypes.hybrid = false;
		customUI.maptypes.satellite = false;
		customUI.maptypes.normal = true;
    customUI.maptypes.physical = false;
		//map.addMapType(G_PHYSICAL_MAP);
		//map.removeMapType();
		//map.setMapType(G_PHYSICAL_MAP);
		map.setUI(customUI);

		// Marker Icon
		var dkIcon = new GIcon(G_DEFAULT_ICON);
		dkIcon.image = pathToMarkerImage;
		dkIcon.transparent = pathToTransparentMarkerImage;
		dkIcon.imageMap = [3,3, 65,3, 65,60, 3,60];
		dkIcon.shadow = "";
		dkIcon.iconSize = new GSize(73, 69);
		dkIcon.shadowSize = new GSize(0, 0);
		dkIcon.iconAnchor = new GPoint(67, 61);
		//funktioniert nicht, deswegen pixelOffset beim map.openInfoWindowHtml
		dkIcon.infoWindowAnchor = new GPoint(-24, -38);

		var markerOptions = {
			icon:dkIcon
		};

		var dkMarker = new GMarker(dkLatLng, markerOptions);

		GEvent.addListener(dkMarker, "click", function() {
			map.openInfoWindowHtml(dkLatLng, windowHTML, {
				pixelOffset: new GSize(-24, -38)
			});
		});

		// Routenberechnungs-Eingabefenster öffnen
		map.openInfoWindowHtml(dkLatLng, windowHTML, {pixelOffset: new GSize(-24, -38)});

		map.addOverlay(dkMarker);
	}

    $("#gmapInput").live("click", function() {
        if ($(this).attr("value") == pleaseInputText) {
            $(this).attr("value", "");
        }
    });
});