//<![CDATA[

    if (GBrowserIsCompatible()) {
	 // There are now two arrays of markers, one for cold icons and one for hot
      var cmarkers = [];
      var hmarkers = [];
      var htmls = [];	  
      var i = 0; 
      var gmarkers = [];
      var gicons = [];  	     
	  var hotels = '<table width="250" border="0" cellpadding="2" cellspacing="0" bgcolor="#FFFFFF"><tr><td width="90"><img src=../map/arcadia.jpg width="90" height="70"></td><td align="center" class=titolo13>Hotel Arcadia<br><span class=titolo9>Via Campo Romano, 75<br>00173 - '+arraycitta[id_lang]+'</span><p align="center"><a href='+arrayurl[id_lang]+' class="visitbook" target="_parent">'+arraybook[id_lang]+'</a></p></td></tr></table>';
	  
////////////////BLOCCO HOTELS/////////////////////	  
	  //Icona H-Rossa
	  var hotIcon = new GIcon();
      hotIcon.image = "../map/hrosso.png";
      hotIcon.iconSize = new GSize(18, 18);
      hotIcon.iconAnchor = new GPoint(7, 7);
      hotIcon.infoWindowAnchor = new GPoint(18, 18);
	  //Icona H-Blu
      var coldIcon = new GIcon(hotIcon);
      coldIcon.image = "../map/hblu.png"; 
	  coldIcon.iconSize = new GSize(18, 18);	       
	  	  
	  // Funzione crea tutti gli alberghi 
      function createMarker(i,point,name,html,category) {		  
	   //alert(id_lang);		 
        var marker = new GMarker(point,coldIcon);        
        marker.mycategory = category;                                 
        marker.myname = name;
		
		//Evento Click Nuvoletta
		GEvent.addListener(marker, "click", function() {
		map.removeOverlay(cmarkers[i]);
        map.addOverlay(hmarkers[i]);		
        marker.openInfoWindowHtml(hotels);
        });	
		
		//Quando se chiude la nuvola cambia a Blu
		GEvent.addListener(marker, "infowindowclose", function() {
	      map.removeOverlay(hmarkers[i]);
          map.addOverlay(cmarkers[i]);});		
        // Switch marker mouseover e mouseout
        GEvent.addListener(marker, "mouseover", function() {
          marker.setImage("../map/hrosso.png");});
        GEvent.addListener(marker, "mouseout", function() {
          marker.setImage("../map/hblu.png");}); 		
		
		gmarkers.push(marker);        
		//salva due markers Cold e Hot
		//alert (i);
		cmarkers[i] = marker;
        hmarkers[i] = new GMarker(point,hotIcon);
        htmls[i] = html;		
		return marker;
      }      

////////////////BLOCCO MONUMENTI/////////////////////	

      //CREA ICONA MONUMENTI
	  var url_img= "../map/sight.png";
	  gicons["sight"] = new GIcon(G_DEFAULT_ICON, url_img);
      gicons["sight"].iconSize = new GSize(15, 15);
	  gicons["sight"].shadow = "";
	  gicons["sight"].iconAnchor = new GPoint(7, 7);
	  gicons["sight"].infoWindowAnchor = new GPoint(7, 7);

	   //FUNZIONE CREA MONUMENTI 
	    function createMarkerSight(points, monumento, descrizione, foto) {
  		var markerSight = new GMarker(points,gicons["sight"]);
  		GEvent.addListener(markerSight, "click", function() {
    	markerSight.openInfoWindowHtml('<div align=center><div class=monumenti><strong>'+monumento+'</strong></div><br><img src=../map/major-sights-rome/'+foto+'.jpg width="120" height="90"></div>');
  		});
  		return markerSight;
		}
		
////////////////BLOCCO  AEROPORTI/////////////////////	

      //CREA ICONA AEROPORTO
	  var url_img= "../map/aeroporto.png";
	  gicons["air"] = new GIcon(G_DEFAULT_ICON, url_img);
      gicons["air"].iconSize = new GSize(15, 15);
	  gicons["air"].shadow = "";
	  gicons["air"].iconAnchor = new GPoint(7, 7);
	  gicons["air"].infoWindowAnchor = new GPoint(7, 7);  
	
	 
	  //FUNZIONE CREA AEROPORTO
	  function createMarkerAir(point, testohtml) {
  		var markerAir = new GMarker(point,gicons["air"]);
		//alert(point);
  		GEvent.addListener(markerAir, "click", function() {
    	markerAir.openInfoWindowHtml(testohtml);
  		});
  		return markerAir;
		}
		
		
	   var url_img= "../map/metro.png";
	  gicons["metro"] = new GIcon(G_DEFAULT_ICON, url_img);
      gicons["metro"].iconSize = new GSize(13, 13);
	  gicons["metro"].shadow = "";
	  gicons["metro"].iconAnchor = new GPoint(7, 7);
	  gicons["metro"].infoWindowAnchor = new GPoint(7, 7);
		//FUNZIONE CREA METRO
	  function createMarkerMetro(point, testohtml) {
  		var markermetro = new GMarker(point,gicons["metro"]);
		//alert(point);
  		GEvent.addListener(markermetro, "click", function() {
    	markermetro.openInfoWindowHtml(testohtml);
  		});
  		return markermetro;
		}				
			

////////////////BLOCCO MAPPA+XML////////////////////13/	 

      // Crea la mappa di Roma, zoom 15, senza ombra
      var map = new GMap2(document.getElementById("map"));
      map.addControl(new GLargeMapControl());
      map.addControl(new GMapTypeControl());
	  map.addControl(new GOverviewMapControl());
      map.setCenter(new GLatLng(41.855614 , 12.569203), 12); 
	  map.getPane(G_MAP_FLOAT_SHADOW_PANE).style.visibility="hidden"; 
	  
	   //MARKER HOTEL//
		 map.openInfoWindow(new GLatLng(41.82872 , 12.610133), hotels, 12); 
	  
       //MARKER AEROPORTI ROME//	
	var point = new GLatLng(41.797987, 12.589636);
    map.addOverlay(createMarkerAir(point, '<div align=center style="width:200px"><div class=titolo12>'+titolo_air1[id_lang]+'</div><br><div class=monumenti align=left>'+descrizione_air1[id_lang]+'</div></div>'));
	
    var point = new GLatLng(41.794033, 12.251048);
    map.addOverlay(createMarkerAir(point, '<div align=center style="width:200px"><div class=titolo12>'+titolo_air2[id_lang]+'</div><br><div class=monumenti align=left>'+descrizione_air2[id_lang]+'</div></div>'));
	
	//MARKER METRO//	
	var point = new GLatLng(41.84168, 12.586137);
    map.addOverlay(createMarkerMetro(point, '<div class=titolo12>'+titolo_metro[id_lang]+'</div>'));
	 
  //////////HOTEL E MONUMENTI//
     // Legge campi da vars e crea marker Hotel
		  var lat = 41.82872;
          var lng = 12.610133;
          var point = new GLatLng(lat,lng);          
          var name = 'Hotel Arcadia';
          var html = 'Via Campo Romano, 75';
          var category = '***';		
          var marker = createMarker(i,point,name,html,category);
          map.addOverlay(marker);    

	  // Legge i markers del file monumenti.php, crea un xml
      GDownloadUrl("../map/monumenti.php?id_lang="+id_lang, 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 points = new GLatLng(lat,lng);
			 var monumento = markers[i].getAttribute("monumento");
			 var descrizione = markers[i].getAttribute("des");
			 var foto = markers[i].getAttribute("foto");
          // manda a creare ogni marker-monumento
          var marker = createMarkerSight(points, monumento, descrizione, foto);
          map.addOverlay(marker);
        }});
    }
    else {
      alert("Sorry, the Google Maps API is not compatible with this browser");
    }