/**
 * @author Administrator
 */
$(document).ready(function()
{
	var address=$("#address").val();
	var height_image=$("#heightimage").val();
	$.ajax
	(
		{
			url:'/typo3conf/ext/sja_googlemap/php/functions.php',
			data:"address="+address+"&type=get&heightimage="+height_image,
			dataType: 'json',
			success: function (data, status)
			{			
				if (data)
				{
					createMap(data.longitude,data.latitude,data.description,data.image);
				}
				else
				{
					alert("nein");
				}
			},
			error: function (data, status, e){
				alert("nein");
			}
		}
	)
	
});




function createMap(longitude,latitude,description,image) 
{
	var zoom=$("#zoom").val();
	var mapchange=$("#mapchange").val();
	var heightinfobox=$("#heightinfobox").val();
	var widthinfobox=$("#widthinfobox").val();
    if (GBrowserIsCompatible()) 
	{
	  	
		// A function to create the marker and set up the event window
      	// Dont try to unroll this function. It has to be here for the function closure
      	// Each instance of the function preserves the contends of a different instance
      	// of the "marker" and "html" variables which will be needed later when the event triggers.    
		function createMarker(point,html) 
		{
			var marker = new GMarker(point);
			GEvent.addListener(marker, "click", function() {
			  marker.openInfoWindowHtml(html);
			});
			return marker;
		}

		
        var map = new GMap2(document.getElementById("map"));
		
		//Koordinaten, Zoomfaktor, Kartentyp
        map.setCenter(new GLatLng(longitude, latitude), 17,G_HYBRID_MAP);
		if (mapchange==1)
		{
			map.addControl(new GMapTypeControl());
		}
		if (zoom==1)
		{
			map.addControl(new GSmallMapControl());
		}
		
		
		//Marker hinzufügen
		var point = new GLatLng(longitude,latitude);
		
		if (image)
		{
			var marker = createMarker(point,'<div style="width:'+widthinfobox+';height:'+heightinfobox+'px;font-family:Arial,Verdana,Helvetica,sans-serif;font-size:11px;color:#444444"><div style="float:left;padding-top:10px;">'+description+'</div><div style="float:right;padding-top:10px;"><img src="/uploads/tx_sjagooglemap/'+image+'"></div><div style="clear:both;"></div></div>');
		}
      	else
		{
			var marker = createMarker(point,'<div style="width:'+widthinfobox+';height:'+heightinfobox+'px;font-family:Arial,Verdana,Helvetica,sans-serif;font-size:11px;color:#444444">'+description+'</div>');
		}
      	map.addOverlay(marker);
	  	
		//Ersten Marker per default einblenden
		GEvent.trigger(marker,  "click"); 
      }
}