var map;

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);
	marker.openInfoWindowHtml(adresse);
}

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

		map.addControl(new GLargeMapControl());
        map.addControl(new GMapTypeControl());
		
		// Artikel ausgeben
		// Icon anlegen
		var farIcon2 = new GIcon(G_DEFAULT_ICON);
		markerOptions = { icon:farIcon2 };
		for(id in artikel)
		{
			if (artikel[id].latitude)
			{
				if (artikel[id].longitude)
				{
					adresse = '<div style=width:200px;>'
					  +'FineArtReisen - Artikel:<br /><a href="/html/'+artikel[id].link+'" alt="'+artikel[id].headline+'">'+artikel[id].headline+'</a>'
					  +'</div>';
					addMarker(artikel[id].latitude, artikel[id].longitude, adresse, markerOptions );	
				}
			}
		}
		
		// Kategorien ausgeben
		// Icon anlegen
		var farIcon = new GIcon(G_DEFAULT_ICON);
        farIcon.image = "/logos/maps_i.png";
		markerOptions = { icon:farIcon };
		for(id in markers)
		{
			if (markers[id].latitude)
			{
				if (markers[id].longitude)
				{
					adresse =  '<div style=width:200px;>'
						+'Kategorie: <a href="/'+markers[id].request+'.html" alt="'+markers[id].name+'">'+markers[id].name+'</a><br />'
						+'Artikel: <a href="/html/'+markers[id].link+'" alt="'+markers[id].headline+'">'+markers[id].headline+'</a>'
						+'<br /><br />Informationen zu: <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 />'
						+'</div>';
					addMarker(markers[id].latitude, markers[id].longitude, adresse, markerOptions );
					// alert("Breite: "+markers[id].latitude+" L&auml;nge: "+markers[id].longitude+"Code: "+adresse);
				}
			}
		} 
		
		// Werbung ausgeben
		// Icon anlegen
		var farIcon3 = new GIcon(G_DEFAULT_ICON);
        farIcon3.image = "/logos/w_punkt.png";
		markerOptions = { icon:farIcon3 };
		for(id in werbung)
		{
			if (werbung[id].latitude)
			{
				if (werbung[id].longitude)
				{
					adresse =  '<div id="map_werbung">'
						+'<h1>'+werbung[id].headline+'</h1>'
						+'<a href="/html/'+werbung[id].link+'"><img src="/bilder/'+werbung[id].bild+'" title="'+werbung[id].bu+'"></a>'
						+'<p>'+werbung[id].text+'<a href="/html/'+werbung[id].link+'">[...]</a></p>'
						+'</div>';
						
					addMarker(werbung[id].latitude, werbung[id].longitude, adresse, markerOptions );
				}
			}
		}
		
		GEvent.addListener(map, "click", function(overlay,latlng) 
		{
        	if (latlng) 
			{
            	var myHtml = '<div style=width:200px;>Infos f&uuml;r diesen Kartenausschnitt suchen<form enctype="multipart/form-data" action="http://www.fineartreisen.de" method="post">'
						+'<input type="text" 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;