var eventi = new GIcon(); 
eventi.image = '../map/eventi.png';
eventi.shadow = '../map/eventi_ombra.png';
eventi.iconSize = new GSize(20, 20);
eventi.shadowSize = new GSize(35, 20);
eventi.iconAnchor = new GPoint(6, 20);
eventi.infoWindowAnchor = new GPoint(5, 1);

var comune = new GIcon(); 
comune.image = '../map/comune.png';
comune.shadow = '../map/comune_ombra.png';
comune.iconSize = new GSize(25, 25);
comune.shadowSize = new GSize(43, 25);
comune.iconAnchor = new GPoint(15, 35);
comune.infoWindowAnchor = new GPoint(5, 1);

var customIcons = [];
customIcons["eventi"] = eventi;
customIcons["comune"] = comune;

function load() {
  if (GBrowserIsCompatible()) {
	var map = new GMap2(document.getElementById("map"));
	map.addControl(new GSmallMapControl());
	map.addControl(new GMapTypeControl());
	map.setCenter(new GLatLng(42.988200, 13.458900), 8);

	GDownloadUrl("../map/dati.xml", function(data) {
	  var xml = GXml.parse(data);
	  var markers = xml.documentElement.getElementsByTagName("marker");
	  for (var i = 0; i < markers.length; i++) {
		var name = markers[i].getAttribute("name");
		var desc = markers[i].getAttribute("desc");
		var type = markers[i].getAttribute("type");
		var link = markers[i].getAttribute("link");
		var linkt = markers[i].getAttribute("linkt");
		var point = new GLatLng(parseFloat(markers[i].getAttribute("lat")),
								parseFloat(markers[i].getAttribute("lng")));
		var marker = createMarker(point, name, desc, type, link, linkt);
		map.addOverlay(marker);
	  }
	});
  }
}

function createMarker(point, name, desc, type, link, linkt) {
  var marker = new GMarker(point, customIcons[type]);
  var html = "<div id='nuvola'><span class='title'>" + name + "</span> <p>" + desc + "</p><a target='_top' href='http://" + link + "'target='_top' title='" + linkt + "' rel='nofollow'>" + linkt + "</a></div>";
  GEvent.addListener(marker, 'click', function() {
  marker.openInfoWindowHtml(html);
  });
  return marker;
}