// test
Event.observe(window, 'load', loadMap);
var map = null;

// Create a base icon for all of our markers that specifies the
// shadow, icon dimensions, etc.
var baseIcon = new GIcon();
baseIcon.shadow = "http://www.google.com/mapfiles/shadow50.png";
baseIcon.iconSize = new GSize(16, 20);
baseIcon.shadowSize = new GSize(32, 20);
baseIcon.iconAnchor = new GPoint(8, 24);
baseIcon.infoWindowAnchor = new GPoint(9, 2);
baseIcon.infoShadowAnchor = new GPoint(18, 20);

function loadMap() {
      if (GBrowserIsCompatible()) {
        map = new GMap2(document.getElementById("map"));
        map.setCenter(new GLatLng(50.589329,8.954419), 8);
        map.addControl(new GLargeMapControl());
		map.addControl(new GMapTypeControl());
		GDownloadUrl("/googleMaps/standorte_tueh.xml", function(data, responseCode) {
  			var xml = GXml.parse(data);
  			var markers = xml.documentElement.getElementsByTagName("marker");
  			for (var i = 0; i < markers.length; i++) {
    			var point = new GLatLng(parseFloat(markers[i].getAttribute("lat")),
                            parseFloat(markers[i].getAttribute("lng")));
    			map.addOverlay(createMarker(point, markers[i].getAttribute("ortnr"), markers[i].getAttribute("standort")));
  			}
		});
	}
}

function createMarker(point, id, name) {
	var marker = new GMarker(point);

	marker.value = id;
	GEvent.addListener(marker, "click", function() {
		var myHtml = "<b>T&Uuml;H SERVICE-CENTER<br>" + name + "</b>";
		map.openInfoWindowHtml(point, myHtml);
		
		// TODO: Select standort
		var htmlSelect = $('standortID'); 
		for (i=0; i<htmlSelect.options.length; i++) {
			if (htmlSelect.options[i].value == id)
			htmlSelect.selectedIndex = i;
		}
		
		var pars = Form.serialize('frmStandort');
		$('standortPageContainer').innerHTML = "";

		var myAjax = new Ajax.Updater('standortPageContainer', '/standortPage.tuv',
		{
			method: 'post',
			parameters: pars
		});
	});
	return marker;
}