var map;
var geocoder;

function addMarker(latitude, longitude, adresse, markerOptions)
{
	
	var marker = new GMarker( new GLatLng(latitude, longitude), markerOptions);

	GEvent.addListener(marker, "click", function() {
            marker.openInfoWindowHtml(adresse);
          });
	
	map.addOverlay(marker);
}

function init()
{
	if (GBrowserIsCompatible()) {
		map = new GMap2(document.getElementById("map"));
		map.setCenter(new GLatLng(centerLatitude, centerLongitude), startZoom);
		geocoder = new GClientGeocoder();

		var customUI = map.getDefaultUI();
        // Remove MapType.G_HYBRID_MAP
        customUI.maptypes.hybrid = false;
        map.setUI(customUI);

		// eigenes Icon anlegen
        var farIcon = new GIcon(G_DEFAULT_ICON);
        farIcon.image = "/logos/maps_i.png";

		// eigenes Icon anlegen
        var farIcon2 = new GIcon(G_DEFAULT_ICON);
		
		markerOptions = { icon:farIcon2 };
		for(id in artikel)
		{
			adresse = "<div style=width:200px;>"
					  +"FineArtReisen - Artikel:<br /><a href=/angebote/"+artikel[id].adresse+"?start="+document.forms[0].start.value+" alt="+artikel[id].headline+">"+artikel[id].headline+"</a></div>";
			addMarker(artikel[id].latitude, artikel[id].longitude, adresse, markerOptions );	
		}
		
		for(id in angebot)
		{
			adresse = "<div style=width:200px;>"
					  +"<a href=/angebote/"+angebot[id].adresse+" alt="+angebot[id].headline+">"+angebot[id].headline+"</a></div>";
			addMarker(angebot[id].latitude, angebot[id].longitude, adresse, markerOptions );	
		}
		
		// Set up our GMarkerOptions object
		markerOptions = { icon:farIcon };
		for(id in markers)
		{
			info = "<div style=width:200px;><b>"+markers[id].adresse+"</b><br />"
					+"<a href=\"http://de.wikipedia.org/wiki/"+markers[id].adresse+"\" title=\"Wikipedia - Die freie Enzyklop&auml;die\" target=\"_blank\">in Wikipedia</a><br />"
					+"<a href=\"http://www.wikivoyage.org/de/"+markers[id].adresse+"\" title=\"Wikivoyage\" target=\"_blank\">im Reisef&uuml;hrer Wikivoyage</a><br />"
					+"<a href=\"http://www.wikitravel.org/de/"+markers[id].adresse+"\" title=\"Wikitravel\" target=\"_blank\">im Reisef&uuml;hrer Wikitravel</a><br />"
					+"</div>";
			addMarker(markers[id].latitude, markers[id].longitude, info, markerOptions );	
		}
		
		GEvent.addListener(map, "click", function(overlay,latlng) {
          if (latlng) {
            var myHtml = "<div style=width:200px;>Reiseangebote f&uuml;r diesen Kartenausschnitt suchen<form enctype=\"multipart/form-data\" action=\"http://www.reise-center.net\" method=\"post\">"
						+"<input type=\"hidden\" name=\"latlong\" value=\""+latlng+"\"><br />"
						+"<input type=\"hidden\" name=\"zoom\" value=\""+map.getZoom()+"\"><br />"
						+"<input type=\"submit\" name=\"action\" value=\"GO\" />"
						+"</form></div>";
				map.openInfoWindow(latlng, myHtml);
          }
        });

	}
}

window.onload = init;
window.onunload = GUnload;