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

var gmapsData = {
	'id': 'map',
	'latitude': 40.341949,
	'longitude': -3.811119,
	'zoom': 15,
	'message': '<div style="width: 250px; height:65px;">' + 
		'<img src="templates/dejavu09/images/logodejavu2.png" alt="Dejavu" style="padding-top:20px; padding-right:10px; float:left"/>' +
		'<p style="font-family: Arial, Helvetica, sans-serif; line-height:16px;font-size:12px; padding-top: 3px; margin-left:0px; color:#000000; float:right;"><strong>Dejavu</strong><br />C/ Industrias 4 - 2º planta, oficina 5<br /> 28923 Alcorcón (Madrid)<br />Tel: 91 641 10 53</p></div>'
};


var loadMap = function()
{
	if (document.getElementById(gmapsData.id))
	{
		var initializeGoogleMaps = function() {
			var map = new google.maps.Map2(document.getElementById(gmapsData.id));
			map.setCenter(new google.maps.LatLng(gmapsData.latitude, gmapsData.longitude), gmapsData.zoom);       
			map.addControl(new GSmallMapControl());
			map.addControl(new GMapTypeControl());   
			
			
			// Create one of our tiny markers at the given point 
			var createMarker = function (point, icon, msg) {
				var marker = new GMarker(point, icon);
				GEvent.addListener(marker, 'click', function() 
					{
						marker.openInfoWindowHtml(msg);
				});
				
				return marker;	  
			}

			var icon = new GIcon();

			icon.iconSize = new GSize(0, 0);
			icon.shadowSize = new GSize(0, 0);
			icon.iconAnchor = new GPoint(0, 0);
			icon.infoWindowAnchor = new GPoint(0, 0);
			
			
			var marker = createMarker(new google.maps.LatLng(gmapsData.latitude, gmapsData.longitude), icon, gmapsData['message']);
			
			map.addOverlay(marker);

			marker.openInfoWindowHtml(gmapsData['message']);	
		}

		google.setOnLoadCallback(initializeGoogleMaps);
	}
}

jQuery(loadMap);