///////////////////////////////////////////////////////////////////////////////////////
// GOOGLE MAPS
////////////////////////////////////////////////////////////////////////////////////////

	var donde="google_maps";
	
	var geocoder;
	var map;
    var center;
	var gmarkers = [];
	var gmarkers_punto = [];
	numero_marcas=1;
    var tooltip = document.createElement("div");
	
	var  marcas_bus = [];
	var  marcas_lugares = [];
	
	function showTooltip(marker) {
      	tooltip.innerHTML = marker.tooltip;
		var point=map.getCurrentMapType().getProjection().fromLatLngToPixel(map.fromDivPixelToLatLng(new GPoint(0,0),true),map.getZoom());
		var offset=map.getCurrentMapType().getProjection().fromLatLngToPixel(marker.getPoint(),map.getZoom());
		var anchor=marker.getIcon().iconAnchor;
		var width=marker.getIcon().iconSize.width;
		var height=tooltip.clientHeight;
		var pos = new GControlPosition(G_ANCHOR_TOP_LEFT, new GSize(offset.x - point.x - anchor.x + width-18, offset.y - point.y -anchor.y -height-2));
		pos.apply(tooltip);
		tooltip.style.visibility="visible";
      }
	  
	/////////////
   // Crear marca, y pogon texto 
   ////////////////
	function createMarker(point, myIcon,tipo,titulo,texto,imagen,latitud,longitud,street_view,street_view_latitud,street_view_longitud,giro_camara,inclinacion_camara) {
	  var marker = new GMarker(point,{icon:myIcon});
	 
	 if ( (tipo=='1') || (tipo=='6') ){ // Lugar de interes o campo de golf
	 marcas_lugares.push(marker);
		  ficha='<div class="caja_pinteres">';
		  if (imagen!=""){
		  ficha+='<img src="'+ donde + "/images/"+imagen+'" title="'+titulo+'" />';
		  
		  }
				 
		  ficha+='<div class="titulo"><b>'+titulo+'</b></div>'
		  ficha+='<p>'+texto+'</p>';
		  ficha+='</div>';
	 }
	 
 	 if (tipo=='2'){ // Hotel
		  ficha='<div class="caja_pinteres">';
		  if (imagen!=""){
		  ficha+='<img src="'+ donde + "/images/"+imagen+'" title="'+titulo+'" />';

		  }
				  
		  ficha+='<div class="centrado"><b>'+titulo+'</b></div>'
		  ficha+='</div>';
	 }


 	 if ( (tipo=='3') || (tipo=='4') || (tipo=='5') ){ // Bus o metro
	      marcas_bus.push(marker);
		  ficha='<div class="caja_transporte">';
		  if (imagen!=""){
		  ficha+='<img src="'+imagen+'"/>';
		  }
		  ficha+='<p>'+texto+'</p>'
		  ficha+='</div>';
	 }




	  marker.tooltip = ficha ;
	    
	  	  
	  GEvent.addListener(marker,"mouseover", function() {
          		showTooltip(marker);
       });
       GEvent.addListener(marker,"mouseout", function() {
				tooltip.style.visibility="hidden"
       });
	   
	   
	    if (street_view=='1'){ // Hotel
			GEvent.addListener(marker, "click", function() {
					openPanoramaBubble(marker,street_view_latitud,street_view_longitud,giro_camara,inclinacion_camara);
			});	
		}
		

	// Guardar los datos de la marca
	  gmarkers[numero_marcas] = marker;
	  gmarkers_punto[numero_marcas] = point;
	  numero_marcas++;
	  return marker;
	}


///////////////////////////////////////
// CONTROL DE ZOOMM MAS
//////////////////////////////////////
var Control_Zoom_IN = function() {	};

Control_Zoom_IN.prototype = new GControl(true);

Control_Zoom_IN.prototype.initialize = function(map) {
	var container = document.createElement("div");
	container.innerHTML = '<img style="cursor:pointer" src="' + donde + '/images/ico_ampliar.png";" border="0">';
	container.style.width='30px';
	container.style.height='30px';
	
	
	GEvent.addDomListener(container, "click", function() {
		map.zoomIn();
	});
	
	map.getContainer().appendChild(container);
	
	return container;
};

Control_Zoom_IN.prototype.getDefaultPosition = function() {
	return new GControlPosition(G_ANCHOR_TOP_LEFT, new GSize(10, 10));
}
/////////////////////////////


///////////////////////////////////////
// CONTROL DE ZOOMM MENOS
//////////////////////////////////////
var Control_Zoom_OUT = function() {	};

Control_Zoom_OUT.prototype = new GControl(true);

Control_Zoom_OUT.prototype.initialize = function(map) {
	var container = document.createElement("div");
	container.innerHTML = '<img style="cursor:pointer" src="' + donde + '/images/ico_alejar.png";" border="0">';
	container.style.width='30px';
	container.style.height='30px';
	container.style.left='100px';
	
	
	GEvent.addDomListener(container, "click", function() {
		map.zoomOut();
		
	});
	
	map.getContainer().appendChild(container);
	
	return container;
};

Control_Zoom_OUT.prototype.getDefaultPosition = function() {
	return new GControlPosition(G_ANCHOR_TOP_LEFT, new GSize(10, 40));
}
/////////////////////////////


					////////////////
				   /// Popup con Street View  Princesa Sofia
				   //////////////////
   
					function openPanoramaBubble(marker,latitud,longitud,giro_camara,inclinacion_camara) {
					  
					  var smallNode = document.createElement('div');
					  smallNode.style.width = '500px';
					  smallNode.style.height = '300px';
					  smallNode.id = 'pano';
					  // marker.openInfoWindow(smallNode, {maxContent: contentNode, maxTitle: "Full screen"});
					 
					
					
					 var currentLatLng = new GLatLng(latitud,longitud);
					 var currentYaw = giro_camara;   // Giro de la cámara Streetview
					 var currentPitch = inclinacion_camara; // Inclinación de la cármara Streetview
					 
					  // iniciamos GStreetviewPanorama, el objeto que lo maneja todo.
					 var myPano = new GStreetviewPanorama(smallNode);
					 myPano.setLocationAndPOV(currentLatLng, {yaw:currentYaw, pitch:currentPitch});
					  // Comprobamos el soporte de flash, porque sin el no hay google street view
					 GEvent.addListener(myPano, "error", handleNoFlash);  
					  // Esto nos suena más :). Un mapa como los de siempre:
		   
					    marker.openInfoWindow(smallNode);
					
					}
					
		          var myPano = new GStreetviewPanorama(document.getElementById("pano"));
                  GEvent.addListener(myPano, "error", handleNoFlash);
		
					function handleNoFlash(errorCode) {
					if (errorCode == 603) {
						alert("Error: Flash doesn’t appear to be supported by your browser");
						return;
						}
					}
					
///////////////////////////////////////
// CONTROL DE MAPA -- SATELITE
//////////////////////////////////////
var Control_MAPA_SATELITE = function() {	};

Control_MAPA_SATELITE.prototype = new GControl(true);

Control_MAPA_SATELITE.prototype.initialize = function(map) {
	var container = document.createElement("div");
	container.innerHTML = '<img style="cursor:pointer" src="' + donde + '/images_'+idioma_google_maps+'/ico_satelite.png";" border="0">';
	container.style.width='30px';
	container.style.height='30px';
	container.style.left='372px';
	
	GEvent.addDomListener(container, "click", function() {
		map.setMapType(G_SATELLITE_MAP);
	});
	
	map.getContainer().appendChild(container);
	
	return container;
};

Control_MAPA_SATELITE.prototype.getDefaultPosition = function() {
	return new GControlPosition(G_ANCHOR_TOP_RIGHT, new GSize(50, 10));
}

///////////////////////////////////////
// CONTROL DE MAPA -- DIBUJO
//////////////////////////////////////
var Control_MAPA_DIBUJO = function() {	};

Control_MAPA_DIBUJO.prototype = new GControl(true);

Control_MAPA_DIBUJO.prototype.initialize = function(map) {
	var container = document.createElement("div");
	container.innerHTML = '<img style="cursor:pointer" src="' + donde + '/images_'+idioma_google_maps+'/ico_mapa.png";" border="0">';
	container.style.width='30px';
	container.style.height='30px';
	container.style.left='483px';
	
	
	GEvent.addDomListener(container, "click", function() {
		map.setMapType(G_NORMAL_MAP);
	});
	
	map.getContainer().appendChild(container);
	
	return container;
};

Control_MAPA_DIBUJO.prototype.getDefaultPosition = function() {
	return new GControlPosition(G_ANCHOR_TOP_RIGHT, new GSize(50, 10));
}


///////////////////////////////////////
// CONTROL DE MAPA -- HIBRIDO
//////////////////////////////////////
var Control_MAPA_HIBRIDO = function() {	};

Control_MAPA_HIBRIDO.prototype = new GControl(true);

Control_MAPA_HIBRIDO.prototype.initialize = function(map) {
	var container = document.createElement("div");
	container.innerHTML = '<img style="cursor:pointer" src="' + donde + '/images_'+idioma_google_maps+'/ico_hibrido.png";" border="0">';
	container.style.width='30px';
	container.style.height='30px';
	container.style.left='372px'
	
	
	GEvent.addDomListener(container, "click", function() {
		map.setMapType(G_HYBRID_MAP);
	});
	
	map.getContainer().appendChild(container);
	
	return container;
};

Control_MAPA_HIBRIDO.prototype.getDefaultPosition = function() {
	return new GControlPosition(G_ANCHOR_TOP_RIGHT, new GSize(50, 35));
}

/////////////////////////////////////////////////////////////////

    //Cargar el mapa con las opciones que desses
    function load() {

      if (GBrowserIsCompatible()) {
	
		map = new GMap2(document.getElementById("map")); // Mapa de google
		
		
        map.getPane(G_MAP_FLOAT_PANE).appendChild(tooltip);
        tooltip.style.visibility="hidden";
	  
		geocoder = new GClientGeocoder();
		
		// Controles de zoom
  	 	map.addControl(new Control_Zoom_IN());
		map.addControl(new Control_Zoom_OUT());
		
		// tipo del mapa
		map.addControl(new Control_MAPA_DIBUJO()); // Control del mapa de dibujo
		map.addControl(new Control_MAPA_SATELITE()); // Control del mapa de satelite
		map.addControl(new Control_MAPA_HIBRIDO()); // Control del mapa de dibujo
		
		
		
		

		
		
      // ====== Restringir el zoom a un maximo y un minimo =====
      // Get the list of map types      
      var mt = map.getMapTypes();
      // Sobreesccribe las funciones de getMinimumResolution() y getMaximumResolution() 
/*
      for (var i=0; i<mt.length; i++) {
        mt[i].getMinimumResolution = function() {return 8;} // Zoom minimo 13
        mt[i].getMaximumResolution = function() {return 17;}  // Zoom maximo 7
      }
*/	  
	  
	  center = new GLatLng(centro_lat, centro_long); // Centro de Hotel 	  		
		

		map.setCenter(center,zoon_inicio); //Centro del mapa, con zoom de 13
        map.setMapType(G_NORMAL_MAP);

////////////////////////////////////////////////////////

/*
      // Add a move listener to restrict the bounds range
      GEvent.addListener(map, "move", function() {
        checkBounds();
      });

      // The allowed region which the whole map must be within
	  // Limite de la region donde se mueve
	  	  
      var allowedBounds = new GLatLngBounds(new GLatLng(40.747257,-0.878906),new GLatLng(42.827639,3.669434)); 
      
      // If the map position is out of range, move it back
      function checkBounds() {
        // Perform the check and return if OK
        if (allowedBounds.contains(map.getCenter())) {
          return;
        }
        // It`s not OK, so find the nearest allowed point and move there
        var C = map.getCenter();
        var X = C.lng();
        var Y = C.lat();

        var AminX = allowedBounds.getSouthWest().lng();
        var AminY = allowedBounds.getSouthWest().lat();

        var AmaxX = allowedBounds.getNorthEast().lng();
        var AmaxY = allowedBounds.getNorthEast().lat();
		

        if (X < AminX) {X = AminX;}
        if (X > AmaxX) {X = AmaxX;}
        if (Y < AminY) {Y = AminY;}
        if (Y > AmaxY) {Y = AmaxY;}
        //alert ("Restricting "+Y+" "+X);
        map.setCenter(new GLatLng(Y,X));
      }
*/


///////////////////////////////////////////////////////

        // Download the data in data.xml and load it on the map. The format we
        // expect is:
        // <markers>
        //   <marker lat="37.441" lng="-122.141"/>
        //   <marker lat="37.322" lng="-121.213"/>
        // </markers>
      // GDownloadUrl(donde + "/coordenadas.xml", function(data) {
		 GDownloadUrl(donde + "/coordenadas.php", function(data) {												   
          var xml = GXml.parse(data);
          var markers = xml.documentElement.getElementsByTagName("marker");
		
          for (var i = 0; i < markers.length; i++) {
			
		    var tipo           = markers[i].getAttribute("tipo")
            var titulo         = markers[i].getAttribute("titulo")
		    var texto          = markers[i].getAttribute("texto")
			var imagen         = markers[i].getAttribute("imagen")
			var icono         = markers[i].getAttribute("icono")
			
			var street_view         = markers[i].getAttribute("street_view")
			var street_view_latitud=parseFloat(markers[i].getAttribute("street_view_latitud"));
			var street_view_longitud=parseFloat(markers[i].getAttribute("street_view_longitud"));
			var giro_camara=parseFloat(markers[i].getAttribute("giro_camara"));
			var inclinacion_camara=parseFloat(markers[i].getAttribute("inclinacion_camara"));
			

		  // Icono de del sitio	  			
			var icon = new GIcon();
			
			if (tipo=='1'){ // Lugares de interes
				icon.image = donde + "/images/ico_pinteres.png";
				icon.shadow = donde + "/images/sombra_pinteres.png";
				icon.iconSize = new GSize(19, 22);
				icon.shadowSize = new GSize(27, 20);
				icon.iconAnchor = new GPoint(19, 22);
				icon.infoWindowAnchor = new GPoint(16, 10);
			}
		
		
			if (tipo=='2'){ // HOTEL
			
				icon.image = donde + "/images/"+icono;
				icon.shadow = donde + "/images/sombra_princesa.png";
				icon.iconSize = new GSize(26, 30);
				icon.shadowSize = new GSize(53, 30);
				icon.iconAnchor = new GPoint(26, 30);
				icon.infoWindowAnchor = new GPoint(16, 10);
		    }
		
			if (tipo=='3'){ // Bus
				icon.image = donde + "/images/ico_bus.gif";
				icon.iconSize = new GSize(20, 21);
				icon.iconAnchor = new GPoint(26, 31);
				icon.infoWindowAnchor = new GPoint(16, 10);
		    }
		
			if (tipo=='4'){ // Metro
				icon.image = donde + "/images/ico_metro.gif";
				icon.iconSize = new GSize(36, 28);
				icon.iconAnchor = new GPoint(26, 31);
				icon.infoWindowAnchor = new GPoint(16, 10);
		    }
			
			if (tipo=='5'){ // Parking
				icon.image = donde + "/images/ico_parking.png";
				icon.shadow = donde + "/images/sombra_pinteres.png";
				icon.iconSize = new GSize(17, 20);
				icon.shadowSize = new GSize(27, 20);
				icon.iconAnchor = new GPoint(17, 20);
				icon.infoWindowAnchor = new GPoint(16, 10);
			}	
			
			if (tipo=='6'){ // Campo Golf
				icon.image = donde + "/images/golf.png";
				icon.shadow = donde + "/images/sombra_princesa.png";
				icon.iconSize = new GSize(25, 30);
				icon.shadowSize = new GSize(53, 30);
				icon.iconAnchor = new GPoint(25, 30);
				icon.infoWindowAnchor = new GPoint(16, 10);
		    }
			
				

			var latitud=parseFloat(markers[i].getAttribute("lat"));
			var longitud=parseFloat(markers[i].getAttribute("lng"));

            var point = new GLatLng(latitud, longitud);
			
			map.addOverlay(createMarker(point, icon,tipo,titulo,texto,imagen,latitud,longitud,street_view,street_view_latitud,street_view_longitud,giro_camara,inclinacion_camara));
			
          }
		  
		  ///////////////////////////////////////////
		/// Crear las marcas y mostrar solo segun el zoom
		//////////////////////////////////////////
		 var mgr = new GMarkerManager(map);
		 mgr.addMarkers(marcas_bus, 15); // Iconos de ciudaddes con zoom 7 y mas
		 mgr.addMarkers(marcas_lugares, 12); // Iconos de ciudaddes con zoom 7 y mas
		 mgr.refresh();
		 
        });
        
     
	   }
   

  }