//<![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="#top";

    }

    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,maplink,hotel,more) {
        var marker = new GMarker(point,icon);
        GEvent.addListener(marker, "click", function() {
          if (more) {
            marker.openInfoWindowHtml("<div id='ballon'><a href='"+home+"'><img src='../images_virtuale/google/foto_mappa/"+foto+".jpg' height='86' width='82' border='0'></a><h1><a href='"+home+"'>"+name+"</a></h1><p>"+html+""+name+"</p><p><a href='"+maplink+"'>Go to the map of "+name+"</a></p><p><a href='"+hotel+"'>Book a hotel in "+name+"</a></p><p>"+moreInfo+"</p></div>", {maxUrl:more});
          } else {
            marker.openInfoWindowHtml("<div id='ballon'><a href='"+home+"'><img src='../images_virtuale/google/foto_mappa/"+foto+".jpg' height='86' width='82' border='0'></a><h1><a href='"+home+"'>"+name+"</a></h1><p>"+html+""+name+"</p><p><a href='"+maplink+"'>Go to the map of "+name+"</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", "http://www.italyguides.it/js/googlemap/italy.xml", true);
      //request.open("GET", "../js/googlemap/italy.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);
		  baseIcon.iconSize = new GSize(72, 57);
		  baseIcon.iconAnchor = new GPoint(22, 55);
		  baseIcon.infoWindowAnchor = new GPoint(22, 55);
		  
		  
		  // 
          // Lista delle citta
          // 
          // 
          // 
   		  var Icon = "Roma.png";
		  var Roma = new GIcon(baseIcon);
		  Roma.image = "../images_virtuale/mappa/eng/home/" + Icon;
		  
		  var Icon = "Venezia.png";
		  var Venezia = new GIcon(baseIcon);
		  Venezia.image = "../images_virtuale/mappa/eng/home/" + Icon;
		  
		  var Icon = "Firenze.png";
		  var Firenze = new GIcon(baseIcon);
		  Firenze.image = "../images_virtuale/mappa/eng/home/" + Icon;
		  
		  var Icon = "Bologna.png";
		  var Bologna = new GIcon(baseIcon);
		  Bologna.image = "../images_virtuale/mappa/eng/home/" + Icon;
		  
		  
		  var Icon = "Pisa.png";
		  var Pisa = new GIcon(baseIcon);
		  Pisa.image = "../images_virtuale/mappa/eng/home/" + Icon;
		  Pisa.iconSize = new GSize(22, 22);
		  Pisa.iconAnchor = new GPoint(11, 11);
		  Pisa.infoWindowAnchor = new GPoint(11, 11);
		  
		  var Icon = "Siena.png";
		  var Siena = new GIcon(baseIcon);
		  Siena.image = "../images_virtuale/mappa/eng/home/" + Icon;
		  Siena.iconSize = new GSize(22, 22);
		  Siena.iconAnchor = new GPoint(11, 11);
		  Siena.infoWindowAnchor = new GPoint(11, 11);
		  
		  var Icon = "Napoli.png";
		  var Napoli = new GIcon(baseIcon);
		  Napoli.image = "../images_virtuale/mappa/eng/home/" + Icon;
		  
		  var Icon = "Ischia.png";
		  var Ischia = new GIcon(baseIcon);
		  Ischia.image = "../images_virtuale/mappa/eng/home/" + Icon;
		  Ischia.iconSize = new GSize(22, 22);
		  Ischia.iconAnchor = new GPoint(11, 11);
		  Ischia.infoWindowAnchor = new GPoint(11, 11);
		  
		  var Icon = "Capri.png";
		  var Capri = new GIcon(baseIcon);
		  Capri.image = "../images_virtuale/mappa/eng/home/" + Icon;
		  Capri.iconSize = new GSize(22, 22);
		  Capri.iconAnchor = new GPoint(11, 11);
		  Capri.infoWindowAnchor = new GPoint(11, 11);
		  
		  var Icon = "Sorrento.png";
		  var Sorrento = new GIcon(baseIcon);
		  Sorrento.image = "../images_virtuale/mappa/eng/home/" + Icon;
		  Sorrento.iconSize = new GSize(22, 22);
		  Sorrento.iconAnchor = new GPoint(11, 11);
		  Sorrento.infoWindowAnchor = new GPoint(11, 11);
		  
		  var Icon = "Agrigento.png";
		  var Agrigento = new GIcon(baseIcon);
		  Agrigento.image = "../images_virtuale/mappa/eng/home/" + Icon;
		  Agrigento.iconSize = new GSize(22, 22);
		  Agrigento.iconAnchor = new GPoint(11, 11);
		  Agrigento.infoWindowAnchor = new GPoint(11, 11);
		  
		  var Icon = "Palermo.png";
		  var Palermo = new GIcon(baseIcon);
		  Palermo.image = "../images_virtuale/mappa/eng/home/" + Icon;
		  
		  var Icon = "Cefalu.png";
		  var Cefalu = new GIcon(baseIcon);
		  Cefalu.image = "../images_virtuale/mappa/eng/home/" + Icon;
		  Cefalu.iconSize = new GSize(22, 22);
		  Cefalu.iconAnchor = new GPoint(11, 11);
		  Cefalu.infoWindowAnchor = new GPoint(11, 11);
		 
		  var Icon = "Messina.png";
		  var Messina = new GIcon(baseIcon);
		  Messina.image = "../images_virtuale/mappa/eng/home/" + Icon;
		  Messina.iconSize = new GSize(22, 22);
		  Messina.iconAnchor = new GPoint(11, 11);
		  Messina.infoWindowAnchor = new GPoint(11, 11);
		 
		  var Icon = "Siracusa.png";
		  var Siracusa = new GIcon(baseIcon);
		  Siracusa.image = "../images_virtuale/mappa/eng/home/" + Icon;
		  Siracusa.iconSize = new GSize(22, 22);
		  Siracusa.iconAnchor = new GPoint(11, 11);
		  Siracusa.infoWindowAnchor = new GPoint(11, 11);
		 
		  var Icon = "Taormina.png";
		  var Taormina = new GIcon(baseIcon);
		  Taormina.image = "../images_virtuale/mappa/eng/home/" + Icon;
		  Taormina.iconSize = new GSize(22, 22);
		  Taormina.iconAnchor = new GPoint(11, 11);
		  Taormina.infoWindowAnchor = new GPoint(11, 11);
		  
		  var Icon = "Catania.png";
		  var Catania = new GIcon(baseIcon);
		  Catania.image = "../images_virtuale/mappa/eng/home/" + Icon;
		  Catania.iconSize = new GSize(22, 22);
		  Catania.iconAnchor = new GPoint(11, 11);
		  Catania.infoWindowAnchor = new GPoint(11, 11);
		  
		  var Icon = "Sangimignano.png";
		  var Sangimignano = new GIcon(baseIcon);
		  Sangimignano.image = "../images_virtuale/mappa/eng/home/" + Icon;
		  Sangimignano.iconSize = new GSize(22, 22);
		  Sangimignano.iconAnchor = new GPoint(11, 11);
		  Sangimignano.infoWindowAnchor = new GPoint(11, 11);
		 
		 
		  var Icon = "Trapani.png";
		  var Trapani = new GIcon(baseIcon);
		  Trapani.image = "../images_virtuale/mappa/eng/home/" + Icon;
		  Trapani.iconSize = new GSize(22, 22);
		  Trapani.iconAnchor = new GPoint(11, 11);
		  Trapani.infoWindowAnchor = new GPoint(11, 11);
		 
		  // icone generiche
		  // 
 		  var genericaIcon = "generica.png";
		  var Generica = new GIcon();
		  Generica.image = "../images_virtuale/mappa/eng/home/" + genericaIcon;
		  Generica.iconSize = new GSize(22, 22);
		  Generica.iconAnchor = new GPoint(11, 11);
		  Generica.infoWindowAnchor = new GPoint(11, 11);
		  
		  //
		  //
		  //
		  
		  
		  
		  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("html");
          var label = markers[i].getAttribute("nome_citta");
          var icona = markers[i].getAttribute("icon");
          var foto = markers[i].getAttribute("icon");
          var home = markers[i].getAttribute("home");
          var maplink = markers[i].getAttribute("maplink");
          var hotel = markers[i].getAttribute("hotel");
          var more = markers[i].getAttribute("more");
          switch (icona)
			{
			case "Roma" :
				icon = Roma; break;
			case "Venezia" :
				icon = Venezia; break;
			case "Firenze" :
				icon = Firenze; break;
			case "Napoli" :
				icon = Napoli; break;
			case "Pisa" :
				icon = Pisa; break;
			case "Siena" :
				icon = Siena; break;
			case "Ischia" :
				icon = Ischia; break;
			case "Capri" :
				icon = Capri; break;
			case "Sorrento" :
				icon = Sorrento; break;
			case "Palermo" :
				icon = Palermo; break;
			case "Messina" :
				icon = Messina; break;
			case "Siracusa" :
				icon = Siracusa; break;
			case "Agrigento" :
				icon = Agrigento; break;
			case "Catania" :
				icon = Catania; break;
			case "Cefalu" :
				icon = Cefalu; break;
			case "Taormina" :
				icon = Taormina; break;
			case "Trapani" :
				icon = Trapani; break;
			case "Bologna" :
				icon = Bologna; break;
			case "Sangimignano" :
				icon = Sangimignano; break;	
			case "Generica" :
				icon = Generica; break;

			}			
            var marker = createMarker(point,label,html,icon,foto,home,maplink,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/
    }
    //]]>