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

function gotoTortona() {
	//map.setCenter(new GLatLng(45.45195760929937, 9.160494804382324), 16);
	//map.setCenter(new GLatLng(45.4530112890755, 9.163734912872314), 16);	
	map.setCenter(new GLatLng(45.453086551163366, 9.165172576904297), 16);			
}

	
function load() {
	
	if (GBrowserIsCompatible()) {
	
		map = new GMap2(document.getElementById("map"));
		map.setCenter(new GLatLng(45.463671, 9.188126), 14);
		//map.setCenter(new GLatLng(48.86652153850775, 2.33184814453125), 13);
		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/zee-icons/" + input.c;
			icon.shadow				= "";
			icon.iconSize 			= new GSize(31, 20);
			icon.iconAnchor 		= new GPoint(16, 16);
			icon.infoWindowAnchor 	= new GPoint(15, 20);


			opts = {
				"icon": icon,
				"clickable": true,
			};
			
			var marker = new LabeledMarker(latlng, opts);
			//var marker = new GMarker(latlng, opts);
			
			marker.id 			= itemID;
			marker.name 		= "item"+itemID;
			marker.latitude 	= latitude;
			marker.longitude 	= longitude;

			GEvent.addListener(marker, "click", function() {
								
				$.getJSON("/map_json_outside/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.category + '<br />' + input.details + input.events + input.links + "<br />" + "Get directions".localize() +": " + tolink + ' - ' + fromlink + '</div>' ),
					new GInfoWindowTab("Directions".localize(), '<div class=\'bubble\'><h5>'+input.name+'</h5>' + input.category + '<br />' + input.directions + '</div>' )
					//,					
					//new GInfoWindowTab("More info".localize(),  '<div class=\'bubble\'><h5>'+input.name+'</h5>' + input.category + '<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_outside", 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");
	}
	
}