var alto_fotogaleriaampliada=0;
                var ancho_fotogaleriaampliada=0;
                
                var imagen = new Image();	
	
		function hallar_dimensiones_fotogaleriaampliada(){
			//Calculamos las dimensiones de la primera foto visualizada (que es una foto que no se ve):
			alto_fotogaleriaampliada=document.all('fotogaleriaampliada').height;
			ancho_fotogaleriaampliada=document.all('fotogaleriaampliada').width;
			colocar_capa_imagencargando();
		}
		
		function colocar_capa_imagencargando(){
			
			posX_capa_fotogaleriaampliada=document.all('fondofotogaleria').offsetLeft;
			
			posY_capa_fotogaleriaampliada=document.all('capa_fotogaleriaampliada').offsetTop;
						
			ancho_capa_fotogaleriaampliada=document.all('fondofotogaleria').offsetWidth;
		
			alto_capa_fotogaleriaampliada=document.all('capa_fotogaleriaampliada').offsetHeight;

	
			document.all('capa_imagencargando').style.left=posX_capa_fotogaleriaampliada+parseInt(ancho_capa_fotogaleriaampliada/2)-parseInt(document.all('capa_imagencargando').offsetWidth/2);
			
			document.all('capa_imagencargando').style.top=posY_capa_fotogaleriaampliada+parseInt(alto_capa_fotogaleriaampliada/2);
		
		}
	
		function seleccionar_fotogaleriaampliada(ruta,idFoto,pagina,ultimo_registro,titulo,descripcion){

			//LLamamos ha este script desde el evento 'onload' del 'body' siempre y cuando la variable php $idFoto no este inicializada a -1.
			//Sólo recogeremos la variable php $idFoto cuando pulsemos los botones anterior y siguiente o una de las fotos de la galería.
			//Si  pulsamos sobre la paginación principal la variable 'idFoto' no se enviará por la url (ni tampoco la variable 'accion').
			//Calculamos los índices de la última fila y de la última celda de la última fila de la tabla de la página visualizada.
			fila_final=(document.all('tablaFotos').rows.length-1);
			celda_final=(document.all('tablaFotos').rows[fila_final].cells.length-1);

			//Vemos el tipo de navegador que usamos, pues la referencia a las imagenes de las fotos es distinta según el navegador usado 
			if(navigator.userAgent.indexOf('Firefox')==-1 && navigator.userAgent.indexOf('Opera')==-1){
				imgFoto_celdafinal=document.all('tablaFotos').rows[fila_final].cells[celda_final].firstChild.firstChild.rows[0].cells[0].firstChild;
				//-Si la última fila no está completa (el nº de fotos es inferior al nº total de celdas por fila, en este caso 4):
				//disminuimos en 1 el valor de la variable celda_final
				if(imgFoto_celdafinal.id=='celda_vacia'){ 
					imgFoto_celdafinal=document.all('tablaFotos').rows[fila_final].cells[celda_final-2].firstChild.firstChild.rows[0].cells[0].firstChild;
				}
				imgFoto_celdainicial=document.all('tablaFotos').rows[0].cells[0].firstChild.firstChild.rows[0].cells[0].firstChild;
			
			}else{
				imgFoto_celdafinal=document.all('tablaFotos').rows[fila_final].cells[celda_final].childNodes[1].rows[0].cells[0].childNodes[0];		
				//-Si la última fila no está completa (el nº de fotos es inferior al nº total de celdas por fila, en este caso 4):
				//disminuimos en 1 el valor de la variable celda_final
				if(imgFoto_celdafinal.id=='celda_vacia'){ 
					imgFoto_celdafinal=document.all('tablaFotos').rows[fila_final].cells[celda_final-2].childNodes[1].rows[0].cells[0].childNodes[0];	
				}
				imgFoto_celdainicial=document.all('tablaFotos').rows[0].cells[0].childNodes[1].rows[0].cells[0].firstChild;
			}	
			
                        //Redimensionamos y asignamos la ruta a la foto ampliada.
			resizeImg("../../../activos/imagen/"+ruta);
			
			//Si estamos en la primera página y queremos visualizar la primera foto de la galería ocultamos la capa 'galeriaanterior'.
			//En caso contrario la hacemos visible.
			//alert(document.all('galeriaanterior').innerHTML);
			if(pagina==0 && imgFoto_celdainicial.id==idFoto){
				document.all('galeriaanterior').innerHTML='';
			}else{
				document.all('galeriaanterior').innerHTML='anterior |';
			}
			
			//Si estamos en la última página y queremos visualizar la última foto de la galería ocultamos la capa 'galeriasiguiente'.
			//En caso contrario la hacemos visible. 
			if(idFoto==ultimo_registro){
				document.all('galeriasiguiente').innerHTML='';
			}else{
				
				document.all('galeriasiguiente').innerHTML='| siguiente';
			}
			
			//Añadimos a las rutas de los botones anterior y siguiente 2 variables más aparte de la variable Pagina que ya tenían.
			//Esta nuevas variables son accion (anterior o siguiente) e idFoto (el campo principal de la foto visualizada).
			
		
			document.all('galeriaanterior').href=document.all('galeriaanterior').href.substr(0,document.all('galeriaanterior').href.length-1)+'&idFoto='+idFoto+"&accion=anterior'";	
			document.all('galeriasiguiente').href=document.all('galeriasiguiente').href.substr(0,document.all('galeriasiguiente').href.length-1)+'&idFoto='+idFoto+"&accion=siguiente'";	
			//alert(document.all('galeriaanterior').innerHTML);
			//Esta patrón lo vamos a necesitar en las sustituciones de la url de los botones siguiente y anterior
			patron=/Pagina=([0-9]*)\&/;
			
			//Si la foto visualizada en la capa 'fotogaleriaampliada' es la primera de la página y la página no vale 0:
			//-disminuimos en 1 el valor de la variable pagina que enviamos por la url del botón anterior
			if(imgFoto_celdainicial.id==idFoto && pagina>0){
				 vinculo=document.all('galeriaanterior');
				 pos_ini=vinculo.href.indexOf('Pagina=')+7;
				 pos_fin=vinculo.href.indexOf('idFoto');
				 cad_reemplazo="Pagina="+(parseInt(vinculo.href.substring(pos_ini, pos_fin))-1)+'&';
				 vinculo.href=vinculo.href.replace(patron ,cad_reemplazo);
			
			}else if(imgFoto_celdafinal.id==idFoto){			
			
			//NOTA:Sí sólo hay 2 fotos.	
				 vinculo=document.all('galeriasiguiente');
				 pos_ini=vinculo.href.indexOf('Pagina=')+7;
				 pos_fin=vinculo.href.indexOf('idFoto');
				 cad_reemplazo="Pagina="+(parseInt(vinculo.href.substring(pos_ini, pos_fin))+1)+'&';
				 vinculo.href=vinculo.href.replace(patron ,cad_reemplazo);
				
			}
			
			//Ahora visualizamos el cuadro de descripción de la foto:
			visualizar_descripcion_foto(titulo,descripcion);
		
		}
		
		function visualizar_fotoseleccionada(foto,pagina,ultimo_registro,titulo,descripcion,destino){

		        //Este script lo llamamos al pulsar cualquiera de las fotos de la galería.


		





			//Calculamos los índices de la última fila y de la última celda de la última fila de la tabla de la página visualizada.
			
			fila_final=(document.all('tablaFotos').rows.length-1);
			celda_final=(document.all('tablaFotos').rows[fila_final].cells.length-1);
			
			//Vemos el tipo de navegador que usamos, pues la referencia a las imagenes de las fotos es distinta según el navegador usado 
			if(navigator.userAgent.indexOf('Firefox')==-1 && navigator.userAgent.indexOf('Opera')==-1){
				imgFoto_celdafinal=document.all('tablaFotos').rows[fila_final].cells[celda_final].firstChild.firstChild.rows[0].cells[0].firstChild;
				//-Si la última fila no está completa (el nº de fotos es inferior al nº total de celdas por fila, en este caso 4):
				//disminuimos en 1 el valor de la variable celda_final
				if(imgFoto_celdafinal.id=='celda_vacia'){ 
					imgFoto_celdafinal=document.all('tablaFotos').rows[fila_final].cells[celda_final-2].firstChild.firstChild.rows[0].cells[0].firstChild;
				}
				imgFoto_celdainicial=document.all('tablaFotos').rows[0].cells[0].firstChild.firstChild.rows[0].cells[0].firstChild;
			
			}else{
				imgFoto_celdafinal=document.all('tablaFotos').rows[fila_final].cells[celda_final].childNodes[1].rows[0].cells[0].childNodes[0];		
				//-Si la última fila no está completa (el nº de fotos es inferior al nº total de celdas por fila, en este caso 4):
				//disminuimos en 1 el valor de la variable celda_final
				if(imgFoto_celdafinal.id=='celda_vacia'){ 
					imgFoto_celdafinal=document.all('tablaFotos').rows[fila_final].cells[celda_final-2].childNodes[1].rows[0].cells[0].childNodes[0];	
				}
				imgFoto_celdainicial=document.all('tablaFotos').rows[0].cells[0].childNodes[1].rows[0].cells[0].firstChild;
			}		     
			
			
			//Redimensionamos y asignamos la ruta a la foto ampliada.
			resizeImg(foto.src.replace('_mini',''));
			
			//Añadimos a las urls de los botones anterior y siguiente las variables idFoto y accion:
			document.all('galeriaanterior').href="javascript:document.location.href='"+destino+"&Pagina=" + pagina + "&idFoto="+foto.id+"&accion=anterior'";
    			document.all('galeriasiguiente').href="javascript:document.location.href='"+destino+"&Pagina=" + pagina + "&idFoto="+foto.id+"&accion=siguiente'";
			
			//Esta patrón lo vamos a necesitar en las sustituciones de la url de los botones siguiente y anterior
			patron=/Pagina=([0-9]*)\&/;
		
			//Si la foto visualizada en la capa 'fotogaleriaampliada' es la primera de la página:
			if(imgFoto_celdainicial.id==foto.id){

				//Si estamos en la primera página ocultamos el botón anterior y si no lo hacemos visible.
				if(pagina==0){
					document.all('galeriaanterior').innerHTML="";
				}else{
					document.all('galeriaanterior').innerHTML="anterior |";
				}
				
				//Si hay más de una foto por página mostramos el botón siguiente.
				if(foto.id!=imgFoto_celdafinal.id){
					document.all('galeriasiguiente').innerHTML='| siguiente';
				}
				
				//Vemos cual es el valor de la variable pagina en la url del botón anterior.
				vinculo=document.all('galeriaanterior');
				pos_ini=vinculo.href.indexOf('Pagina=')+7;
				pos_fin=vinculo.href.indexOf('&idFoto');
				 
				
				//Si pulsamos la primera foto de la primera página disminuimos en uno el valor de la variable pagina de la url 
				//del botón anterior (excepto si la página vale 0).
			        if(parseInt(vinculo.href.substring(pos_ini, pos_fin))==pagina  && pagina>0){

					cad_reemplazo="Pagina="+(parseInt(vinculo.href.substring(pos_ini, pos_fin))-1)+'&';
					vinculo.href=vinculo.href.replace(patron ,cad_reemplazo);
				}
				
			//Si la foto visualizada en la capa 'fotogaleriaampliada' es la última de la página:		
			}else if(imgFoto_celdafinal.id==foto.id){

				//Si estamos en la última página ocultamos el botón siguiente y si no lo hacemos visible.
				if(foto.id==ultimo_registro){
					 document.all('galeriasiguiente').innerHTML="";
				}else{
					 document.all('galeriasiguiente').innerHTML="| siguiente";
				}
				
				//Mostramos el botón anterior.
				document.all('galeriaanterior').innerHTML='anterior |';
				
				//Vemos cual es el valor de la variable pagina en la url del botón siguiente.
				vinculo=document.all('galeriasiguiente');
				pos_ini=vinculo.href.indexOf('Pagina=')+7;
				pos_fin=vinculo.href.indexOf('&idFoto');
				
				//Si pulsamos la última foto de la última página aumentamos en uno el valor de la variable pagina de la url 
				//del botón siguiente.
				if(parseInt(vinculo.href.substring(pos_ini, pos_fin))==pagina && imgFoto_celdainicial.id!=foto.id){
					cad_reemplazo="Pagina="+(parseInt(vinculo.href.substring(pos_ini, pos_fin))+1)+'&';
					vinculo.href=vinculo.href.replace(patron ,cad_reemplazo);
				}
			}else{
				//Si la foto visualizada en la capa 'fotogaleriaampliada' no es ni la primera ni la última de la página:		
				
				//Mostramos los botones anterior y siguiente:
    				document.all('galeriaanterior').innerHTML='anterior |';
    				document.all('galeriasiguiente').innerHTML='| siguiente';			
    				
				vinculo=document.all('galeriaanterior');
			        pos_ini=vinculo.href.indexOf('Pagina=');
				pos_fin=vinculo.href.indexOf('&idFoto');
				cad_reemplazo='Pagina='+pagina+'&';
				vinculo.href=vinculo.href.replace(patron ,cad_reemplazo);
				
				vinculo=document.all('galeriasiguiente');
			        pos_ini=vinculo.href.indexOf('Pagina=');
				pos_fin=vinculo.href.indexOf('&idFoto');
				cad_reemplazo='Pagina='+pagina+'&';
				vinculo.href=vinculo.href.replace(patron ,cad_reemplazo);
			}
			
			//Ahora visualizamos el cuadro de descripción de la foto:
			visualizar_descripcion_foto(titulo,descripcion);	
				
		}
		
		
		
		
		function resizeImg(ruta_fotogaleria) { 
			//mostramos loa capa imagen cargando...
			document.all('capa_imagencargando').style.visibility='visible';
			//Ocultamos la capa que contiene la foto para que si se ralentiza la carga no se vea ésta descolocada
			document.all('capa_fotogaleriaampliada').style.visibility="hidden";

			imagen = new Image(); 
			imagen.src=ruta_fotogaleria;

			/*men='ancho_fotogaleriaampliada='+ancho_fotogaleriaampliada+'\n';
			men+='alto_fotogaleriaampliada='+alto_fotogaleriaampliada+'\n';
			men+='ancho='+imagen.width+'\n';
			men+='alto='+ imagen.height+'\n';
			men+='foto='+ruta_fotogaleria;
			alert(men);*/
			
			tiempo=setTimeout("empezar_precarga()",1000);

			
		}
		
		function visualizar_descripcion_foto(titulo,descripcion){
			
			document.all('tabla_descripcion').rows[0].cells[0].innerHTML=titulo;
			var caracteres = /\+/g;
			document.all('tabla_descripcion').rows[1].cells[0].innerHTML=unescape(String(descripcion).replace(caracteres, " "));
			document.all('descripcionimagen').style.visibility='visible';
			document.all('tituloseleccionada').style.visibility='visible';
		}
		
		function empezar_precarga() { 

			if(imagen.complete){
				if (imagen.width>ancho_fotogaleriaampliada|| imagen.height>alto_fotogaleriaampliada) { 
					var scale = Math.min((ancho_fotogaleriaampliada/imagen.width),(alto_fotogaleriaampliada/imagen.height), 1 ); 
					
					var new_width = Math.floor(scale*imagen.width); 
					var new_height = Math.floor(scale*imagen.height); 
					imagen.width = new_width; 
					imagen.height = new_height;
					document.all('fotogaleriaampliada').width=imagen.width ;
					document.all('fotogaleriaampliada').height=imagen.height; 
					document.all('fotogaleriaampliada').src=imagen.src;
					
				}
				document.all('capa_imagencargando').style.visibility='hidden';
				
				//mostramos y posicionamos la foto ampliada:
				posX=(document.all('fondofotogaleria').offsetLeft+(parseInt(document.all('celda_fotogaleriaampliada').offsetWidth/2))-parseInt(document.all('fotogaleriaampliada').offsetWidth/2));
				posY=(document.all('fondofotogaleria').offsetTop+(parseInt(document.all('celda_fotogaleriaampliada').offsetHeight/2))-parseInt(document.all('fotogaleriaampliada').offsetHeight/2));
	
				if(navigator.userAgent.indexOf('Opera')!=-1){
					posX-=5;
					posY-=5;
				}
			
				document.all('capa_fotogaleriaampliada').style.left=(posX+2)+'px';
				document.all('capa_fotogaleriaampliada').style.top=(posY+5)+'px';
				document.all('capa_fotogaleriaampliada').style.visibility="visible";	
				
		
				clearTimeout(tiempo); 
			}else{ 
				tiempo=setTimeout("empezar_precarga()",1000);
			} 
		}