////////////////////////////////////////////////////////////////////////////////////
//////		CÓDIGOS DE GIASA Y FERROCARRILES DE LA JUNTA DE ANDALUCÍA. 2010
////////////////////////////////////////////////////////////////////////////////////






	
	var enlacestextos="";
	var pos=0;
	var total=0;
	

	
	
	function crearMapa(){
		//cargar mapa
		//buscar PEPS (mirando en la carpeta)
		var Valores;
		Valores[0]=ListadoPEPS;
		activarMapasTodo();	
	}
	
	function levantarMapa(ENcodigo){
		//var div = document.createElement("div");
		enlacestextos="";
		pos=0;
		total=0;
		
		var ventana= document.getElementById("ventanaG");
		var anchoPantalla="" + window.innerWidth;
				
		if(anchoPantalla=="undefined") anchoPantalla="" + document.documentElement.clientWidth;

		
		var enlaces=new Array();
		var textos=new Array();
		contador=0
		for(i=0;i<levantarMapa.arguments.length; i=i+2){
			enlaces[contador]=levantarMapa.arguments[i];
			textos[contador]=levantarMapa.arguments[i+1];
			enlacestextos+="'" + levantarMapa.arguments[i] + "','"  + levantarMapa.arguments[i+1] + "'";
			contador++;
			total++;
			if (i<levantarMapa.arguments.length-2) enlacestextos+=",";
		}
		var extra="";
		if (enlaces.length>1){
			for(i=0;i<enlaces.length;i++){
				extra+='<a href="#" title="foto '+ (i+1) + '" onMouseDown="pasarFoto' + "(' " + enlaces[i] + "','" + textos[i]  + "'," + (i*2) + ");" + '">'+ (i+1) + "</a> ";
			}
		}
		
		if (anchoPantalla< 1000) px=0;
		else px=parseInt((anchoPantalla-1020)/2);
 		//div.style.border = this.weight_ + "px solid " + this.color_;
  		ventana.style.position = "fixed";

		//var base=document.getElementsByTagName("body");
  		// Our rectangle is flat against the map, so we add our selves to the
  		// MAP_PANE pane, which is at the same z-index as the map itself (i.e.,
  		// below the marker shadows)
		
		 //div.style.width = "1000px";
 		// ventana.style.height = "600px";
		 ventana.style.height = "100%";		
 		 ventana.style.top = "0px";	
		 ventana.style.zindex="997";		 	 
 		 if(!isNaN(px))ventana.style.left = px + "px";
		 		 
 		 //ventana.style.top =  ENposicion;
		 //ventana.style.zindex= "1000";
		 var ventanaF= document.getElementById("ventanaF");
  		 ventanaF.style.position = "fixed";		 
		 ventanaF.style.width = "100%";
		 ventanaF.style.left="0px";
		 ventanaF.style.top="0px";		 		 		
		 ventanaF.style.height="100%";
		 ventanaF.style.background="#000000";
		 ventanaF.style.opacity=0.6;
		 ventanaF.style.filter= "Alpha(Opacity=60)";
		 ventanaF.style.zindex="990";		 
		
		/* 
 		var ventanaFondo = document.createElement("div");
		 ventanaFondo.style.width = "100%";		
		 ventanaFondo.style.height="100%";
		 ventanaFondo.style.background="#000000";
		 ventanaFondo.style.opacity=0.6;
		 ventanaFondo.style.filter= "Alpha(Opacity=60)";
		 ventanaFondo.style.zindex="1018";			
		 ventana.appendChild(ventanaFondo);	 
		 */
		 
		 //generar contenido para el caso
		 var ventanaBase = document.createElement("div");
		 ventanaBase.style.position = "absolute";
		 ventanaBase.style.width = "90%";
 		 ventanaBase.style.height = "500px";
 		 ventanaBase.style.left = "5%";
 		 ventanaBase.style.top =  "50px";
		 ventanaBase.style.background="#ffffff";
		 ventanaBase.style.zindex="1020";		 
		 ventanaBase.style.opacity=0.9;
		 ventanaBase.style.filter= "Alpha(Opacity=90)";
	
				 
  		ventana.appendChild(ventanaBase);		 
		 
		 var ventanaContenido = document.createElement("div");
		 ventanaContenido.style.position = "absolute";
		 ventanaContenido.style.width = "80%";
 		 ventanaContenido.style.height = "400px";
 		 ventanaContenido.style.left = "10%";
 		 ventanaContenido.style.top =  "100px";
		 ventanaContenido.style.zindex="1021";
		 ventanaContenido.align="center";		 
		 ventanaContenido.style.background="#999999";
		 //ventanaContenido.innerHTML='<img src="' + enlaces[0] + '" alt="' + textos[0] + '"  title="' + textos[0] + '" border="0" height="400" />' ;
		 
		 //colocar el mapa
		 var ventanaMapa = document.createElement("div");
		 ventanaMapa.setAttribute("id","map");
		 //var ventanaMapa= document.getElementById("map");
		 ventanaMapa.style.position = "absolute";
		 ventanaMapa.style.width = "100%";
 		 ventanaMapa.style.height = "100%";
 		 ventanaMapa.style.left = "0px";
 		 ventanaMapa.style.top =  "0px";
		 ventanaMapa.style.zindex="1090";	
		 ventanaMapa.style.background="#fafafa";
		 
		 ventanaContenido.appendChild(ventanaMapa);	 
		 ventana.appendChild(ventanaContenido);
		
		 //cargar mapa
		 activarMapas(ENcodigo);	
		 


		var ventanaTexto = document.createElement("div");
		 ventanaTexto.style.position = "absolute";
		 ventanaTexto.style.width = "80%";
 		 //ventanaTexto.style.height = "400px";
 		 ventanaTexto.style.left = "10%";
 		 ventanaTexto.style.top =  "510px";
		 ventanaTexto.style.zindex="1022";
		 ventanaTexto.align="center";		 
		 //ventanaTexto.style.background="<%=colorA%>";
		 ventanaTexto.innerHTML='<span class="cerrarVentana" style="align:center;">' + textos[0] + "</span>" ;
	  	
		ventana.appendChild(ventanaTexto);
						 

		
		var ventanaCerrar = document.createElement("div");
		 ventanaCerrar.style.position = "absolute";
		 ventanaCerrar.style.width = "80%";
 		 //ventanaCerrar.style.height = "60%";
 		 ventanaCerrar.style.left = "10%";
 		 ventanaCerrar.style.top =  "70px";
		 ventanaCerrar.style.zindex="1023";		 
		 //ventanaCerrar.style.background="<%=colorA%>";
		 ventanaCerrar.style.textalign="right";
		 ventanaCerrar.innerHTML='<a href="#" onMouseDown="quitarVentana();" class="cerrarVentana"> cerrar </a>';
		 
  		ventana.appendChild(ventanaCerrar);		


	}
	
	function activarMapasTodo() {
	 if (GBrowserIsCompatible()) {
	  	//cargar el mapa principal de Andalucía con su zoom ajustado
		//geoXml = new GGeoXml("http://www.aopandalucia.es/inetfiles/mapas/" + ENpep + ".kml");
        map = new GMap2(document.getElementById("map"));		
		
		//controles de zoom y tipo (mapa, satélite e híbrido
		var mapTypeControl = new GMapTypeControl();
		var topRight = new GControlPosition(G_ANCHOR_TOP_RIGHT, new GSize(10,10));
		var bottomRight = new GControlPosition(G_ANCHOR_BOTTOM_RIGHT, new GSize(10,10));
		
		map.addControl(mapTypeControl, topRight);
		GEvent.addListener(map, "dblclick", function() { map.removeControl(mapTypeControl);map.addControl(new GMapTypeControl(), bottomRight);});
  		map.addControl(new GSmallMapControl());
		//map.addControl(new GLargeMapControl());
        map.addControl(new GOverviewMapControl());
        map.enableDoubleClickZoom();
		map.setCenter(new GLatLng(37.321198,-4.5703071), 7);
		map.addOverlay(geoXml);
		
		//comprobarCargaKml();
		
		//cargar todos los mapas
		peps=activarMapasTodo.arguments[0];
		for(h=0;h<peps.length;h++){
			//primer elemento es una matriz con los códigos
			
			//segundo elemento es una matriz con los datos por actuación

			activarMapa(pep[h]);
			//cargar el trazado y los datos
			
		
		}
		
     }
	
	}
	function activarMapa(ENpep) {
      if (GBrowserIsCompatible()) {
	  	//cargar el mapa principal de Andalucía con su zoom ajustado
		geoXml = new GGeoXml("http://www.aopandalucia.es" + ENpep );
        map = new GMap2(document.getElementById("map"));		
		map.addOverlay(geoXml);
		
     }
    }
    function activarMapas(ENpep) {
      if (GBrowserIsCompatible()) {
	  	//cargar el mapa principal de Andalucía con su zoom ajustado
		geoXml = new GGeoXml("http://www.aopandalucia.es/inetfiles/mapas/" + ENpep + ".kml");
        map = new GMap2(document.getElementById("map"));		
		
		//controles de zoom y tipo (mapa, satélite e híbrido
		var mapTypeControl = new GMapTypeControl();
		var topRight = new GControlPosition(G_ANCHOR_TOP_RIGHT, new GSize(10,10));
		var bottomRight = new GControlPosition(G_ANCHOR_BOTTOM_RIGHT, new GSize(10,10));
		
		map.addControl(mapTypeControl, topRight);
		GEvent.addListener(map, "dblclick", function() { map.removeControl(mapTypeControl);map.addControl(new GMapTypeControl(), bottomRight);});
  		map.addControl(new GSmallMapControl());
		//map.addControl(new GLargeMapControl());
        map.addControl(new GOverviewMapControl());
        map.enableDoubleClickZoom();
		map.setCenter(new GLatLng(37.321198,-4.5703071), 7);
		map.addOverlay(geoXml);
		
		comprobarCargaKml();
		
     }
    }
	function comprobarCargaKml(){
		if(geoXml.hasLoaded()==true){
			c=13;
			//map.addOverlay(createMarker(geoXml.getDefaultCenter(), 0));//para el marcador
			colocarCargaKml();
			colocarZona();
		}	 
		else {
			setTimeout("comprobarCargaKml()",100);
		}	

	}
	function createMarker(point, index) {  
			var baseIcon = new GIcon();
			baseIcon.shadow = "http://www.google.com/mapfiles/shadow50.png";
			baseIcon.iconSize = new GSize(20, 34);
			baseIcon.shadowSize = new GSize(37, 34);
			baseIcon.iconAnchor = new GPoint(9, 34);
			baseIcon.infoWindowAnchor = new GPoint(9, 2);
			baseIcon.infoShadowAnchor = new GPoint(18, 25);
 
			var letter = String.fromCharCode("A".charCodeAt(0) + index); 
			var letteredIcon = new GIcon(baseIcon);  
			letteredIcon.image = "http://www.google.com/mapfiles/marker" + letter + ".png"; 

			markerOptions = { icon:letteredIcon }; 
		 	var marker = new GMarker(point, markerOptions); 
		 	GEvent.addListener(marker, "click", function() {   
		 	marker.openInfoWindowHtml('Actuación X'); }); 
		  	return marker;
		}
	function colocarZona(){
		var rectangulo=new Rectangle(geoXml.getDefaultBounds());
		map.addOverlay(rectangulo);
	
	}
	function colocarCargaKml(){
		if(c<14){
			map.setCenter(geoXml.getDefaultCenter(), c);
			c++;
			setTimeout("colocarCargaKml()",100);
		}
		else{
			
			return true;
		}	
	}
	
	

	function levantarVentana(){
		//var div = document.createElement("div");
		enlacestextos="";
		pos=0;
		total=0;
		var ventana= document.getElementById("ventanaG");
		var anchoPantalla="" + window.innerWidth;
		
		if(anchoPantalla=="undefined") anchoPantalla="" + document.documentElement.clientWidth;
		
		var enlaces=new Array();
		var textos=new Array();
		var anchos=new Array();			
		var altos=new Array();	
			
		contador=0
		for(i=0;i<levantarVentana.arguments.length; i=i+4){
			enlaces[contador]=levantarVentana.arguments[i];
			anchos[contador]=levantarVentana.arguments[i+1];
			altos[contador]=levantarVentana.arguments[i+2];
			textos[contador]=levantarVentana.arguments[i+3];
			enlacestextos+="'" + levantarVentana.arguments[i] + "','"  + levantarVentana.arguments[i+1] + "','"  + levantarVentana.arguments[i+2] + "','"  + levantarVentana.arguments[i+3] + "'";
			contador++;
			total++;
			if (i<levantarVentana.arguments.length-4) enlacestextos+=",";
		}
		var extra="";
		if (enlaces.length>1){
			for(i=0;i<enlaces.length;i++){
				extra+='<a href="#" title="foto '+ (i+1) + '" onMouseDown="pasarFoto' + "(' " + enlaces[i] + "','" + anchos[i]+ "','" + altos[i] + "','" + textos[i]  + "'," + (i*4) + ");" + '">'+ (i+1) + "</a> ";
			}
		}
		
		if (anchoPantalla< 1000) px=0;
		else px=parseInt((anchoPantalla-1020)/2);
 		//div.style.border = this.weight_ + "px solid " + this.color_;
  		ventana.style.position = "fixed";

		//var base=document.getElementsByTagName("body");
  		// Our rectangle is flat against the map, so we add our selves to the
  		// MAP_PANE pane, which is at the same z-index as the map itself (i.e.,
  		// below the marker shadows)
		
		 //div.style.width = "1000px";
 		// ventana.style.height = "600px";
		 ventana.style.height = "100%";		
 		 ventana.style.top = "0px";	
		 ventana.style.zindex="997";		 	 
 		 if(!isNaN(px))ventana.style.left = px + "px";
		 		 
 		 //ventana.style.top =  ENposicion;
		 //ventana.style.zindex= "1000";
		 var ventanaF= document.getElementById("ventanaF");
  		 ventanaF.style.position = "fixed";		 
		 ventanaF.style.width = "100%";
		 ventanaF.style.left="0px";
		 ventanaF.style.top="0px";		 		 		
		 ventanaF.style.height="100%";
		 ventanaF.style.background="#000000";
		 ventanaF.style.opacity=0.6;
		 ventanaF.style.filter= "Alpha(Opacity=60)";
		 ventanaF.style.zindex="990";		 
		
		/* 
 		var ventanaFondo = document.createElement("div");
		 ventanaFondo.style.width = "100%";		
		 ventanaFondo.style.height="100%";
		 ventanaFondo.style.background="#000000";
		 ventanaFondo.style.opacity=0.6;
		 ventanaFondo.style.filter= "Alpha(Opacity=60)";
		 ventanaFondo.style.zindex="1018";			
		 ventana.appendChild(ventanaFondo);	 
		 */
		 
		 //generar contenido para el caso
		 var ventanaBase = document.createElement("div");
		 ventanaBase.style.position = "absolute";
		 ventanaBase.style.width = "90%";
 		 ventanaBase.style.height = "500px";
 		 ventanaBase.style.left = "5%";
 		 ventanaBase.style.top =  "50px";
		 ventanaBase.style.background="#ffffff";
		 ventanaBase.style.zindex="1020";		 
		 ventanaBase.style.opacity=0.9;
		 ventanaBase.style.filter= "Alpha(Opacity=90)";
	
				 
  		ventana.appendChild(ventanaBase);		 
		 
		 var ventanaContenido = document.createElement("div");
		 ventanaContenido.style.position = "absolute";
		 ventanaContenido.style.width = "80%";
 		 ventanaContenido.style.height = "400px";
 		 ventanaContenido.style.left = "10%";
 		 ventanaContenido.style.top =  "100px";
		 ventanaContenido.style.zindex="1021";
		 ventanaContenido.align="center";
		 ventanaContenido.valign="middle";		 		 
		 ventanaContenido.style.background="#999999";
		 
		 ancho=parseInt(anchos[0]);
		 alto=parseInt(altos[0]);
		 texto="";
			if(alto>ancho){
				 if ((ancho*400)/alto< 800)  texto=' height="400" ';
				 else width=' width="800" ';
			} 
			else{
		  		if ((alto*800)/ancho< 400) texto=' width="800" ';
		  		else texto=' height="400" ';
		  
			} 
		 
		 ventanaContenido.innerHTML='<img src="' + enlaces[0] + '" alt="' + textos[0] + '"  title="' + textos[0] + '" border="0" ' + texto + ' />' ;
		 
		 ventana.appendChild(ventanaContenido);

		var ventanaTexto = document.createElement("div");
		 ventanaTexto.style.position = "absolute";
		 ventanaTexto.style.width = "80%";
 		 //ventanaTexto.style.height = "400px";
 		 ventanaTexto.style.left = "10%";
 		 ventanaTexto.style.top =  "510px";
		 ventanaTexto.style.zindex="1022";
		 ventanaTexto.align="center";		 		 
		 //ventanaTexto.style.background="<%=colorA%>";
		 ventanaTexto.innerHTML='<span class="cerrarVentana" style="align:center;">' + textos[0] + "</span>" ;
	  	
		ventana.appendChild(ventanaTexto);
						 

		
		var ventanaCerrar = document.createElement("div");
		 ventanaCerrar.style.position = "absolute";
		 ventanaCerrar.style.width = "80%";
 		 //ventanaCerrar.style.height = "60%";
 		 ventanaCerrar.style.left = "10%";
 		 ventanaCerrar.style.top =  "70px";
		 ventanaCerrar.style.zindex="1023";		 
		 //ventanaCerrar.style.background="<%=colorA%>";
		 ventanaCerrar.style.textalign="right";
		 ventanaCerrar.innerHTML='<a href="#" onMouseDown="quitarVentana();" class="cerrarVentana"> cerrar </a>';
		 
  		ventana.appendChild(ventanaCerrar);		
		
		var ventanaNumeracion = document.createElement("div");
		 ventanaNumeracion.style.position = "absolute";
		 ventanaNumeracion.style.width = "40%";
 		 //ventanaTexto.style.height = "400px";
 		 ventanaNumeracion.style.left = "30%";
 		 ventanaNumeracion.style.top =  "70px";
		 ventanaNumeracion.style.zindex="1022";
		 ventanaNumeracion.align="center";		
		 ventanaNumeracion.style.zindex="1050";		 
		 //ventanaTexto.style.background="<%=colorA%>";
		 ventanaNumeracion.innerHTML='<span class="cerrarVentana" style="align:center;">' +  extra + '</span>';		 
				 
		ventana.appendChild(ventanaNumeracion); 	
		
		if (enlaces.length>1){
			var ventanaAnt = document.createElement("div");
			 ventanaAnt.style.position = "absolute";
			 ventanaAnt.style.width = "70px";
 			 //ventanaTexto.style.height = "400px";
 			 ventanaAnt.style.left = "6%";
 			 ventanaAnt.style.top =  "280px";
			 ventanaAnt.align="left";		
			 ventanaAnt.style.zindex="1050";		 
		 	//ventanaTexto.style.background="<%=colorA%>";
			 ventanaAnt.innerHTML='<a href="#" title="anteriores" onMouseDown="pasarFotoAnt('+ enlacestextos + ');"> <img src="imag/ico_at.gif" alt="" border="0"> </a>';		 
				 
			ventana.appendChild(ventanaAnt); 	
		
			var ventanaPost = document.createElement("div");
			 ventanaPost.style.position = "absolute";
			 ventanaPost.style.width = "70px";
 			 //ventanaTexto.style.height = "400px";
 			 ventanaPost.style.left = "87%";
 			 ventanaPost.style.top =  "280px";
			 ventanaPost.align="right";		
			 ventanaPost.style.zindex="1050";		 
			 //ventanaTexto.style.background="<%=colorA%>";
			 ventanaPost.innerHTML='<a href="#" title="siguientes" onMouseDown="pasarFotoSig('+ enlacestextos + ');"> <img src="imag/ico_ad.gif" alt="" border="0"> </a>';		  
				 
			ventana.appendChild(ventanaPost); 			
			pos=0;
		}	
			
	}
	function pasarFoto(){
		var ventana= document.getElementById("ventanaG");
		ventanaContenido=ventana.childNodes[1];
		ventanaTexto=ventana.childNodes[2];
		
		ancho=parseInt(pasarFoto.arguments[1]);
		alto=parseInt(pasarFoto.arguments[2]);
		texto="";
			if(alto>ancho){
				 if ((ancho*400)/alto< 800)  texto=' height="400" ';
				 else width=' width="800" ';
			} 
			else{
		  		if ((alto*800)/ancho< 400) texto=' width="800" ';
		  		else texto=' height="400" ';
		  
			} 
		
		ventanaContenido.innerHTML='<img src="' + pasarFoto.arguments[0] + '" alt="' + pasarFoto.arguments[3] + '"  title="' + pasarFoto.arguments[3] + '" border="0" ' + texto + ' />' ;
		ventanaTexto.innerHTML='<span class="cerrarVentana" style="align:center;">' + pasarFoto.arguments[3] + "</span>" ;
		pos=pasarFoto.arguments[4];
	}
	
	function pasarFotoSig(){
		var ventana= document.getElementById("ventanaG");
		ventanaContenido=ventana.childNodes[1];
		ventanaTexto=ventana.childNodes[2];
		ancho=parseInt(pasarFotoSig.arguments[pos+5]);
		alto=parseInt(pasarFotoSig.arguments[pos+6]);

		texto="";
		if(alto>ancho){
			 if ((ancho*400)/alto< 800)  texto=' height="400" ';
			 else width=' width="800" ';
		} 
		else{
		  if ((alto*800)/ancho< 400) texto=' width="800" ';
		  else texto=' height="400" ';
		  
		}   
		if (pos<(total*4)-6){
			ventanaContenido.innerHTML='<img src="' + pasarFotoSig.arguments[pos+4] + '" alt="' + pasarFotoSig.arguments[pos+7] + '"  title="' + pasarFotoSig.arguments[pos+7] + '" border="0" ' + texto + ' />' ;
			ventanaTexto.innerHTML='<span class="cerrarVentana" style="align:center;">' + pasarFotoSig.arguments[pos+7] + "</span>" ;
			if (pos<(total*4)-6) pos=pos+4;
		}
		
	}
	function pasarFotoAnt(){
		var ventana= document.getElementById("ventanaG");
		ventanaContenido=ventana.childNodes[1];
		ventanaTexto=ventana.childNodes[2];
		if(pos>0){
			ancho=parseInt(pasarFotoAnt.arguments[pos-3]);
			alto=parseInt(pasarFotoAnt.arguments[pos-2]);
			texto="";
			if(alto>ancho){
				 if ((ancho*400)/alto< 800)  texto=' height="400" ';
				 else width=' width="800" ';
			} 
			else{
		  		if ((alto*800)/ancho< 400) texto=' width="800" ';
		  		else texto=' height="400" ';
		  
			}   
			ventanaContenido.innerHTML='<img src="' + pasarFotoAnt.arguments[pos-4] + '" alt="' + pasarFotoAnt.arguments[pos-1] + '"  title="' + pasarFotoAnt.arguments[pos-1] + '" border="0" ' + texto +' />' ;
		ventanaTexto.innerHTML='<span class="cerrarVentana" style="align:center;">' + pasarFotoAnt.arguments[pos-1] + "</span>" ;
			if (pos>4) pos=pos-4;
			else pos=0;
		}	
	}	
	function quitarVentana(){
	
		var ventana= document.getElementById("ventanaG");
		var ventanaF= document.getElementById("ventanaF");	
		total=0+ventana.childNodes.length;
		for(i=0;i<total;i++){
			quitar(ventana,ventana.childNodes[0]);
		}
		ventana.style.height = "0px";
		ventanaF.style.height = "0px";	
	}

	function quitar(ENnodoBase,ENnodo){

		ENnodoBase.removeChild(ENnodo);
	}