//<![CDATA[

    var side_bar_html = "";
    var gmarkers = [];
    var icon = [];
    var i = 0;
    var map;

    function myclick(i) {
      GEvent.trigger(gmarkers[i],"click");
      document.location.href="#toppage";

    }

    function load() {

    if (GBrowserIsCompatible()) {

      _mFlags = {}


      

      // =============================================================================
      // This text will be added to an info window if there is a "more" attribute
      var moreInfo = '<div><a href="#top" onclick="map.getInfoWindow().maximize()">Click here for more info...</a></div>';

      // ==============================================================================
      // If the "more" attribute is passed, it is used as the maxUrl, and the moreInfo is added
      
      
     	function createMarker(point,name,html,icon,foto,home,linkpano,hotel,more) {
        var marker = new GMarker(point,icon);
        GEvent.addListener(marker, "click", function() {
        if (more) {
            marker.openInfoWindowHtml("<div id='ballon'><a href='"+linkpano+"'><img src='http://www.italyguides.it/images_virtuale/google/foto/roma/"+foto+".jpg' height='38' width='53' border='0'></a><h1>"+name+"</h1><p>"+html+""+name+"</p><p><a href='"+linkpano+"'>Vai alla mappa di "+name+"</a></p><p><a href='"+hotel+"'>Prenota un hotel a "+name+"</a></p><p>"+moreInfo+"</p></div>", {maxUrl:more});
          } else {
            marker.openInfoWindowHtml("<div id='ballon'><a href='"+linkpano+"'><img src='http://www.italyguides.it/images_virtuale/google/foto/roma/"+foto+".jpg' height='38' width='53' border='0'></a><h1>"+name+"</h1><p><a href='"+linkpano+"'>Panorama virtuale</a></p></div>");
          }
        });
        gmarkers[i] = marker;
        side_bar_html += '<a href="javascript:myclick(' + i + ')">' + name + '</a><br />';
        i++;
        return marker;
      }




      // crea la mappa (la funzione si trova sul file html relativo)
      // G_NORMAL_MAP , G_SATELLITE_MAP , G_HYBRID_MAP


      // Read the data from example.xml
      var request = GXmlHttp.create();
      request.open("GET", "roma.xml", true);
      request.onreadystatechange = function() {
        if (request.readyState == 4) {
        var xmlDoc = GXml.parse(request.responseText);
          //var xmlDoc = request.responseXML;
          var markers = xmlDoc.documentElement.getElementsByTagName("marker");
          
          
          // 
          // 
          // icone per la mappa

		  var baseIcon = new GIcon(baseIcon);

		  
		  
		  // 
          // Lista delle citta
          // 
          // 
          // 
   		  var Icon = "hotel.png";
		  var Hotel = new GIcon(baseIcon);
		  Hotel.image = "http://www.italyguides.it/images_virtuale/google/icons/" + Icon;
		  Hotel.iconSize = new GSize(36, 28);
		  Hotel.iconAnchor = new GPoint(5, 27);
		  Hotel.infoWindowAnchor = new GPoint(5, 27);
		 
		 
		  // icone generiche
		  // 
 		  var genericaIcon = "monumenti.png";
		  var Generica = new GIcon();
		  Generica.image = "http://www.italyguides.it/images_virtuale/google/icons/" + genericaIcon;
		  Generica.iconSize = new GSize(36, 28);
		  Generica.iconAnchor = new GPoint(5, 27);
		  Generica.infoWindowAnchor = new GPoint(5, 27);
		  
		  //
		  //
		  //
		  
		  
		  
		  for (var i = 0; i < markers.length; i++) {
          var lat = parseFloat(markers[i].getAttribute("lat"));
          var lng = parseFloat(markers[i].getAttribute("lng"));
          var point = new GLatLng(lat,lng);
          var html = markers[i].getAttribute("testohtml");
          var label = markers[i].getAttribute("nome");
          var icona = markers[i].getAttribute("icona");
          var foto = markers[i].getAttribute("foto");
          var home = markers[i].getAttribute("linkcity");
          var linkpano = markers[i].getAttribute("linkpano");
          var hotel = markers[i].getAttribute("hotel");
          var more = markers[i].getAttribute("more");
          switch (icona)
			{
			case "Hotel" :
				icon = Hotel; break;
			case "Panorama" :
				icon = Generica; break;

			}			
            var marker = createMarker(point,label,html,icon,foto,home,linkpano,hotel,more);
            map.addOverlay(marker);
          }
          document.getElementById("side_bar").innerHTML = side_bar_html;
        }
      }
      request.send(null);
    }

    else {
      alert("Sorry, the Google Maps API is not compatible with this browser");
    }
    // This Javascript is based on code provided by the
    // Blackpool Community Church Javascript Team
    // http://www.commchurch.freeserve.co.uk/   
    // http://www.econym.demon.co.uk/googlemaps/
    }
    //]]>