//<![CDATA[

    if (GBrowserIsCompatible()) {
	 // There are now two arrays of markers, one for cold icons and one for hot
      var gmarkers = []; var cmarkers = []; var hmarkers = []; 
      var i = 0;  var gicons = []; var hotIcon = []; var htmls = [];   	  
	  var hotels = []; var id_foto = [];  var url = [];	       
	  
////////////////BLOCCO HOTELS/////////////////////	  
	  //Icona H-Rossa
	  var hotIcon = new GIcon();
      hotIcon.image = "http://www.nycerome.com/map-hotels-in-rome/img/hrosso.png";
      hotIcon.iconSize = new GSize(15, 15);
      hotIcon.iconAnchor = new GPoint(7, 7);
      hotIcon.infoWindowAnchor = new GPoint(7, 7);
	  //Icona H-Blu
      var coldIcon = new GIcon(hotIcon);
      coldIcon.image = "http://www.nycerome.com/map-hotels-in-rome/img/hblu.png";          
	  	  
	  // Funzione crea tutti gli alberghi 
      function createMarker(i,point,name,html,category,idhotel,urlvisit) {		  
	   //alert(id_lang);		 
        var marker = new GMarker(point,coldIcon); 		
 	    marker.tooltip = '<div class="tooltip">'+name+'<br>'+category+'</div>';	
		showTooltip(marker);        
		
		// Evento Click
        GEvent.addListener(marker, "click", function() {
		//url = "h_rates2.php?id_lang="+id_lang+"&id="+idhotel;
		//url = "http://www.nycerome.com/"+arrayurl[id_lang]+"/"+urlvisit+"-map.html";
		//url = "http://www.nycerome.com/"+arrayurl[id_lang]+"/"+urlvisit+"-homepage.html";
		url = "http://www.nycerome.com/h_bookings2.php?id_lang="+id_lang+"&id="+idhotel;
		goToURL(url);});   	
		
		//  ======  The new marker "mouseover" and "mouseout" listeners  ======
        GEvent.addListener(marker,"mouseover", function() {
          marker.setImage("http://www.nycerome.com/map-hotels-in-rome/img/hrosso.png");													
          showTooltip(marker);
        });        
        GEvent.addListener(marker,"mouseout", function() {
          marker.setImage("http://www.nycerome.com/map-hotels-in-rome/img/hblu.png");													   		  tooltip.style.visibility="hidden"
        }); 
		//Moveend e click chiudono il tooltip iniziale
		GEvent.addListener(map,"moveend", function() {
          marker.setImage("http://www.nycerome.com/map-hotels-in-rome/img/hblu.png");													   		  tooltip.style.visibility="hidden"
        }); 
		GEvent.addListener(map,"click", function() {
          marker.setImage("http://www.nycerome.com/map-hotels-in-rome/img/hblu.png");													   		  tooltip.style.visibility="hidden"
        }); 
		
		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 FUNZIONI showTooltip 

 function showTooltip(marker) {
    tooltip.innerHTML = marker.tooltip;
	var point=map.getCurrentMapType().getProjection().fromLatLngToPixel(map.getBounds().getSouthWest(),map.getZoom());
	var offset=map.getCurrentMapType().getProjection().fromLatLngToPixel(marker.getPoint(),map.getZoom());
	var anchor=marker.getIcon().iconAnchor;
	var width=marker.getIcon().iconSize.width;
	var pos = new GControlPosition(G_ANCHOR_BOTTOM_LEFT, new GSize(offset.x - point.x-30 - anchor.x + width,- offset.y + point.y +anchor.y)); 
	pos.apply(tooltip);
	tooltip.style.visibility="visible";
      }

     //Funzione lista Mouseout leva Hblu, mette Hrossa	 
      function mymouseover(i) {
        //showTooltip(gmarkers[i]);
		map.removeOverlay(cmarkers[i]);
        map.addOverlay(hmarkers[i]);}		
	  //Funzione lista Mouseout leva Hrossa, mette Hblu	
      function mymouseout(i) {
		//tooltip.style.visibility="hidden";  
        map.removeOverlay(hmarkers[i]);
        map.addOverlay(cmarkers[i]);}

      // This function picks up the side_bar click and opens the corresponding info window
      function myclick(i) {
        //gmarkers[i].openInfoWindowHtml(htmls[i]); 
		   GEvent.trigger(gmarkers[i],"click");} 		
	
	//////////Questa funzione manda alla pagina reservation
	 function goToURL(url){
		//alert("Goto URL activo");
		window.open(url);		
		return false}
	  
	  
////////////////BLOCCO MONUMENTI/////////////////////	

      //CREA ICONA MONUMENTI
	  var url_img= "http://www.nycerome.com/map-hotels-in-rome/img/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 BERLIN
	  function createMarkerSight(points, monumento, descrizione, foto) {
  		var markerSight = new GMarker(points,gicons["sight"]);		
		
 	    markerSight.tooltip = '<div class="tooltipmonumenti" align="center">'+monumento+'<br><img src=http://www.nycerome.com/map-hotels-in-rome/img/major-sights-rome/'+foto+'.jpg width="120" height="90"</div>';				
  		GEvent.addListener(markerSight, "mouseover", function() {    	
		showTooltip(markerSight);		
  		});
		GEvent.addListener(markerSight,"mouseout", function() {
        tooltip.style.visibility="hidden"
        });        		
  		return markerSight;
		}
		
////////////////BLOCCO  AEROPORTI/////////////////////	

     //Icona Aeroporto
	  var url_img= "http://www.nycerome.com/map-hotels-in-rome/img/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);
	  
	  function createMarkerAir(point, testohtml) {
  		var markerAir = new GMarker(point,gicons["air"]);
		//alert(point);
  		GEvent.addListener(markerAir, "click", function() {
    	markerAir.openInfoWindowHtml(testohtml);
  		});
  		return markerAir;
		}				

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

      // Crea la mappa di Parigi, zoom 12, senza ombra
      var map = new GMap2(document.getElementById("map"));
	  map.addControl(new GSmallMapControl());
      map.addControl(new GMapTypeControl());
	  //map.addControl(new GOverviewMapControl());
      map.setCenter(new GLatLng(41.903509, 12.488076), 10);
      //map.setMapType(G_HYBRID_MAP);
	  map.getPane(G_MAP_FLOAT_SHADOW_PANE).style.visibility="hidden"; 
	  
	   // ====== set up marker mouseover tooltip div ======
      var tooltip = document.createElement("div");
      document.getElementById("map").appendChild(tooltip);
      tooltip.style.visibility="hidden";
	  
    ////MARKER AEROPORTI ROME////	
	var point = new GLatLng(41.797987, 12.589636);
    map.addOverlay(createMarkerAir(point, '<table width="250" border="0" cellpadding="2" cellspacing="0" bgcolor="#FFFFFF"><tr><td align="center" class=monumenti><span  class=titolo12>'+titolo_cia[id_lang]+'</span><p align="center">'+descrizione_cia[id_lang]+'</p></td></tr></table>'));
	
		var point = new GLatLng(41.794033, 12.251048);
     map.addOverlay(createMarkerAir(point, '<table width="250" border="0" cellpadding="2" cellspacing="0" bgcolor="#FFFFFF"><tr><td align="center" class=monumenti><span  class=titolo12>'+titolo_fco[id_lang]+'</span><p align="center">'+descrizione_fco[id_lang]+'</p></td></tr></table>'));
	 
  /////////////////////////////////////////////////	 	  

        GDownloadUrl("http://www.nycerome.com/map-hotels-in-rome/hotels-map-single.php?id_hotel="+id_hotel+"", 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 point = new GLatLng(lat,lng);          
          var name = markers[i].getAttribute("label");
          var html = markers[i].getAttribute("html");
          var category = markers[i].getAttribute("stelle");
		  var idhotel = markers[i].getAttribute("id_hotel");
		  var urlvisit = markers[i].getAttribute("url");   		
          // manda a creare ogni marker-hotel
         var marker = createMarker(i,point,name,html,category,idhotel,urlvisit);		
	      //map.setCenter(new GLatLng(lat , lng), 10); 
		  //MARKER HOTEL//		  
	      //map.openInfoWindowHtml(point, '<div class="tooltip"><table><tr><td><img src=http://www.nycerome.com/images/hotels/'+idhotel+'.jpg width="90" height="70"></td><td align="center" class=titolo12>'+name+'<br><br><span class="link10b">'+arraycategoria[id_lang]+':'+category+'</span></td></tr></table></div>');
          map.addOverlay(marker);
        }});       
	  
	  // Legge i markers del file monumenti.php, crea un xml
      GDownloadUrl("http://www.nycerome.com/map-hotels-in-rome/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");
    }