//--------------------------------------------------------------------------------
// Qwentès Italia SRL 	: http://www.qwentes.it
//--------------------------------------------------------------------------------
var map;
var gmarkers = [];

function gotoTortona() {
	map.setCenter(new GLatLng(45.453086551163366, 9.165172576904297), 16);	
}
function gotoDurini() {
	map.setCenter(new GLatLng(45.46478105906933, 9.19607162475586)	, 16);	
}
function gotoManzoni() {
	map.setCenter(new GLatLng(45.47013835027833, 9.192123413085938)	, 16);	
}
function gotoBrera() {
	map.setCenter(new GLatLng(45.47125188060021, 9.186780452728271)	, 16);	
}
function gotoInterni() {
	map.setCenter(new GLatLng(45.46023599151391, 9.19379711151123)	, 16);	
}		


	
function load() {
	
	if (GBrowserIsCompatible()) {
		
		map = new GMap2(document.getElementById("map"));

		map.setCenter(new GLatLng(45.463671, 9.188126), 14);
		map.setUIToDefault();
		
		//  ======== Add a map overview ==========
		map.addControl(new GOverviewMapControl(new GSize(150,150)));



		//var clusterer = new Clusterer(map);

		//map.addControl(new google.maps.LocalSearch(), new GControlPosition(G_ANCHOR_BOTTOM_RIGHT, new GSize(10,20)));
			
		function createMarker(input) {
			
			// get short names from input to nice readable ones ...
			var itemID 	    = input.i;			
			var mapnum   	= input.m;			
			var latitude 	= input.x;
			var longitude 	= input.y;
			
			var latlng 	= new GLatLng(latitude, longitude);
			var icon 	= new GIcon();
			
			icon.image 				= "/libs/images/gmaps/FS-icon05.png";
			icon.shadow 			= ""; //"/libs/images/gmaps/FS-icon05-shadow.png";				
			icon.iconSize 			= new GSize(31, 20);
			icon.iconAnchor 		= new GPoint(16, 16);
			icon.infoWindowAnchor 	= new GPoint(15, 20);

			opts = {
				"icon": icon,
				"clickable": true,
				"labelText": mapnum,
				"labelOffset": new GSize(-16, -25)
			};
			var marker = new LabeledMarker(latlng, opts);
			
			marker.id 			= itemID;
			marker.name 		= "item"+itemID;
			marker.latitude 	= latitude;
			marker.longitude 	= longitude;

			GEvent.addListener(marker, "click", function() {
								
				$.getJSON("/map_json_events/item/"+ marker.id, function(json){
					var input = json.markers[0];
					var tolink 		= "<a target=\"blank\" href=\"http://www.google.com/maps?daddr=" + input.address + "+%40" + input.point.lat() + "%2C" + input.point.lng() + "\">"+"To here".localize()+"</a>"
					var fromlink 	= "<a target=\"blank\" href=\"http://www.google.com/maps?saddr=" + input.address + "+%40" + input.point.lat() + "%2C" + input.point.lng() + "\">"+"From here".localize()+"</a>"
					var tabs_array = [ 
					new GInfoWindowTab("Event".localize(), 		'<div class=\'bubble\'><h5>'+input.name+'</h5>' + input.details + input.events + input.links + "<br />" + "Get directions".localize() +": " + tolink + ' - ' + fromlink + '</div>' ),
					new GInfoWindowTab("Directions".localize(), '<div class=\'bubble\'><h5>'+input.name+'</h5><br />'+input.directions + '</div>' ),					
					new GInfoWindowTab("More info".localize(),  '<div class=\'bubble\'><h5>'+input.name+'</h5><br />' + input.desc + '</div>')				 
					];
					marker.openInfoWindowTabsHtml(tabs_array);
				});
				
			});			
			gmarkers[marker.name] = marker;
			gmarkers.push(marker);
			return marker;
		}						

		function parseJson (doc) {
			var jsonData = eval("(" + doc + ")");
			for (var i = 0; i < jsonData.mks.length; i++) {				
				var marker = createMarker(jsonData.mks[i]);									
				map.addOverlay(marker);
			}
		}
		
		GDownloadUrl("/map_json_events", function(data, responseCode) {parseJson(data);OpenItems();});			
		
	} else {
		// Oops! this browser does not support g maps
		alert("Sorry, your browser cannot handle the true power of Google Maps");
	}
	
}