function convertir(cadena) {
		var lng = cadena.length;
		for (i=0;i<lng;i++) {
			cadena = cadena.replace("&ntilde;","ñ");
			cadena = cadena.replace("&Ntilde;","Ñ");
			cadena = cadena.replace("&aacute;","á");
			cadena = cadena.replace("&eacute;","é");
			cadena = cadena.replace("&iacute;","í");
			cadena = cadena.replace("&oacute;","ó");
			cadena = cadena.replace("&uacute;","ú");
			cadena = cadena.replace("&Aacute;","Á");
			cadena = cadena.replace("&Eacute;","É");
			cadena = cadena.replace("&Iacute;","Í");
			cadena = cadena.replace("&Oacute;","Ó");
			cadena = cadena.replace("&Uacute;","Ú");		
			cadena = cadena.replace("&ndash;","-");														
		}
		return (cadena)
	}
    
	function load() {					
		if (GBrowserIsCompatible()) {
		var map = new GMap2(document.getElementById("map"));
		map.addControl(new GSmallMapControl());
		map.addControl(new GMapTypeControl());
		map.setCenter(new GLatLng(lat_INI,long_INI), zoom_INI);
		
		function createMarker(point, icono, etiqueta, number) {
			var icon = new GIcon();	
			icon.image = "/images/google_" + icono + ".png";
			icon.shadow = "http://www.google.com/mapfiles/shadow50.png";
			icon.iconSize = new GSize(23, 38);
			icon.shadowSize = new GSize(37, 34);
			icon.iconAnchor = new GPoint(9, 34);

			var marker = new GMarker(point,{icon:icon, title:etiqueta});  					
			GEvent.addListener(marker, "click", function() { 
				f = eval("RUTA" + number); 
				crearCapa(f.pintarDiv());
				});
				return marker;
			}		

		GDownloadUrl("datosMapa.aspx", function(data, responseCode) { 
			data = convertir(data);				
			var xml = GXml.parse(data);  		
			var markers = xml.documentElement.getElementsByTagName("marker");  
			for (var i = 0; i < markers.length; i++) { 						
				var point = new GLatLng( parseFloat(markers[i].getAttribute("lat")),parseFloat(markers[i].getAttribute("lng")) );
				map.addOverlay(createMarker(point, markers[i].getAttribute("icono"), markers[i].getAttribute("etiqueta"), i + 1));																	
			}});
		}
    }
		
	function crearCapa(str) {
		cerrarDiv();
		var TDmapa = document.getElementById("TDMAPA");	
		var c = document.getElementById("divInfoMapa");
		if (c) { TDmapa.removeChild(c); }		
		
		var tools = document.createElement('div');
		tools.setAttribute('id',"divInfoMapa");		
		tools.zIndex = 1000;
		tools.style.position = "relative";
		tools.style.width = "220px";
		tools.style.height = "0px";
		if (navegador()=="IE") { 
			ptop = "-252px";
		} else  { ptop = "25px"; }		
		tools.style.top = ptop;
		tools.style.left = "378px";
		
		var contenido = document.createElement('div');
		contenido.style.position = "absolute"; 
		contenido.style.float = "left"; 
		contenido.style.width = "220px";
		contenido.style.height = "235px";
		contenido.style.overflow = "auto";
		contenido.style.background  = "url('/images/trama.gif') repeat";
		contenido.innerHTML = str;				
		tools.appendChild(contenido);			
		TDmapa.appendChild(tools);
	}
	
	var RUTA = function(id, titulo, localizacion, region, estilo, duracion, dificultad, distancia){
		this.id = id;
		this.titulo = titulo;
		this.localizacion = localizacion;
		this.region = region;
		this.estilo = estilo;				
		this.duracion = duracion;
		this.dificultad = dificultad;		
		this.distancia = distancia;
	}
	
	RUTA.prototype.pintarDiv = function(){
		var contenidoDiv = '<br><center><div style="width:192px; height:auto; vertical-align:middle; background-color:#ffffff; padding:5px;"><p align="left"><span class="txt_g_5b">' + this.titulo + '</span><br /><br /><img src="/images/flecha_escapada.gif" border="0" />&nbsp;Localizaci&oacute;n: <strong>' + this.localizacion + '</strong><br /><img src="/images/flecha_escapada.gif" border="0" />&nbsp;Regi&oacute;n: <strong>' + this.region + '</strong><br /><img src="/images/flecha_escapada.gif" border="0" />&nbsp;Estilo: <strong>' + this.estilo + '</strong><br /><img src="/images/flecha_escapada.gif" border="0" />&nbsp;Duraci&oacute;n: <strong>' + this.duracion + '</strong><br /><img src="/images/flecha_escapada.gif" border="0" />&nbsp;Dificultad: <strong>' + this.dificultad + '</strong><br /><img src="/images/flecha_escapada.gif" border="0" />&nbsp;Distancia: <strong>' + this.distancia + '</strong><br /><img src="/images/flecha_escapada.gif" border="0" />&nbsp;<a href="#RUTA" onclick="verRuta('+ this.id +');"><strong>m&aacute;s informaci&oacute;n</strong></a><br /></p><p align="center"><a href="javascript:;" onclick="cerrarDiv();"><img src="/images/bt_cerrarsuper.gif" border="0" /></a></p></div></center>';		
		return contenidoDiv;
	}
	
	RUTA.prototype.pintarDivFoto = function(){
		var contenidoDiv = '<p align="left"><img src="/images/flecha_escapada.gif" border="0" />&nbsp;Localizaci&oacute;n: <strong>' + this.localizacion + '</strong><br /><img src="/images/flecha_escapada.gif" border="0" />&nbsp;Región: <strong>' + this.region + '</strong><br /><img src="/images/flecha_escapada.gif" border="0" />&nbsp;Estilo: <strong>' + this.estilo + '</strong><br /><img src="/images/flecha_escapada.gif" border="0" />&nbsp;Duraci&oacute;n: <strong>' + this.duracion + '</strong><br /><img src="/images/flecha_escapada.gif" border="0" />&nbsp;Dificultad: <strong>' + this.dificultad + '</strong><br /><img src="/images/flecha_escapada.gif" border="0" />&nbsp;Distancia: <strong>' + this.distancia + '</strong><br /></p>';		
		return contenidoDiv;
	}
	
	function cerrarDiv() {
		var c = document.getElementById("divInfoMapa");
		if (c) { c.style.visibility = "hidden"; }
		var DIVMASINFO = parent.document.getElementById("masInfo");
		if (DIVMASINFO) {
			var capaF = parent.document.getElementById('FOTO');	
			if (capaF) { 
				DIVMASINFO.removeChild(capaF);
				DIVMASINFO.innerHTML = '';
			}
		} 		
		
	}
	
	function navegador() {
		var nav = "";
		var userAgent = navigator.userAgent;
		if (userAgent.indexOf('Netscape') != -1) {
			nav = "NN";
		} else if (userAgent.indexOf('MSIE') != -1) {
			nav = "IE";
		}
		return (nav)
	}	
	function verRuta(id) {
		if (id!="") {
			var iframe = document.getElementById("infoRuta");
			iframe.src = "datosMapaMasInfo.aspx?nIdEscapada=" + id;
		} 		
	}