var map;


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

	    	var ct = new GLatLng(43.11128, 12.38407);
	  
	    	map.addControl(new GSmallMapControl());
	    	//map.addControl(new GMapTypeControl());
	    
	    	var point = new GLatLng(ct.lat(),ct.lng());
	    	//map.addOverlay(new GMarker(point));
	    
	    	map.setCenter(ct, 6);
	    	map.addMapType(G_PHYSICAL_MAP);
	   	//map.removeMapType(G_HYBRID_MAP);
	    	map.setMapType(G_PHYSICAL_MAP);

		icona = new GIcon();
    		icona.image = "massolino-marker.png";
    		icona.iconSize = new GSize(42, 98);
    		icona.iconAnchor = new GPoint(21, 78);
		icona.infoWindowAnchor = new GPoint(21, 1);


		GDownloadUrl("coo.kml", function(doc) {
			var xmlDoc = GXml.parse(doc);
			var markers = xmlDoc.documentElement.getElementsByTagName("marker");
			
			
		  
			for (var i = 0; i < markers.length; i++) {
		  		// obtain the attribues of each marker
		  		var lat = parseFloat(markers[i].getAttribute("lat"));
		  		var lng = parseFloat(markers[i].getAttribute("lng"));
				var Localita = markers[i].getAttribute("Localita");
		  		var CAP = markers[i].getAttribute("CAP");
				var Indirizzo = markers[i].getAttribute("Indirizzo");
				var Periodo = markers[i].getAttribute("Periodo");
				var Insegna = markers[i].getAttribute("Insegna");
				var Descrizione = markers[i].getAttribute("Descrizione");
				
		 		var point = new GLatLng(lat,lng);
		  		var html = "<div align='center' style='border-bottom: 1px solid #000;'><b>"+Insegna + "</b><br/>" + Periodo + "<br/></div><div align='center'>" + Localita + " " + Indirizzo +"</div>";
		  		var label = Insegna;
		  		// create the marker
		  		var marker = createMarker(point,label,html,icona);
		  		map.addOverlay(marker);
			}
	 
	      	});

  	}
}


var gmarkers = [];
 
// A function to create the marker and set up the event window
function createMarker(point,name,html,icona) {
  	


    var marker = new GMarker(point,icona);
    GEvent.addListener(marker, "click", function() {
          marker.openInfoWindowHtml(html);
    });
    // save the info we need to use later for the side_bar
    gmarkers.push(marker);
    // add a line to the side_bar html    
    return marker;
}


window.onload = function () {
	load();
}