// JavaScript Document
/*
Generador automático de albunes de fotos
======================================
Objetos predefinidos: 
 - secciones : listado de secciones disponibles
 - titulo (Título del album)
 - menu (zona donde aparecen las imágenes)

	los nombres de las fotografías siguen el siguiente formato en el mismo directorio
	
	sec_N_foto_N_tam_100.jpg
	sec_N_foto_N_tam_450.jpg
	
	donde N es el número correspondiente comenzando desde 0

las llamadas son las siguientes:
 - album.htm : muestra el listado de las secciones
 - album.htm?seccion=N : muestra las fotos de una determinada seccion
	

*/

var secciones = new Array(4);
var titulo_fotos =new Array(secciones.length);

//-- Sección 0
secciones[0]="La casa";

titulo_fotos[0]=new Array(16);
titulo_fotos[0][0]="Exterior de la casa";
titulo_fotos[0][1]="Dormitorio";
titulo_fotos[0][2]="Chimenea";
titulo_fotos[0][3]="Dormitorio";
titulo_fotos[0][4]="Mismo dormitorio";
titulo_fotos[0][5]="Entrada";
titulo_fotos[0][6]="Baño";
titulo_fotos[0][7]="Chimenea";
titulo_fotos[0][8]="Mesa comedor";
titulo_fotos[0][9]="Dormitorio niños";
titulo_fotos[0][10]="Salón";
titulo_fotos[0][11]="Salón";
titulo_fotos[0][12]="Baño";
titulo_fotos[0][13]="Cocina";
titulo_fotos[0][14]="Cocina";
titulo_fotos[0][15]="Cocina";
titulo_fotos[0][16]="Dormitorio";
titulo_fotos[0][17]="Patio y leña";
titulo_fotos[0][18]="Vista desde la puerta";

//-- Sección 1

secciones[1]="El Campillo";

titulo_fotos[1]=new Array(11);
titulo_fotos[1][0]="La terraza";
titulo_fotos[1][1]="La calle";
titulo_fotos[1][2]="El parque";
titulo_fotos[1][3]="El parque";
titulo_fotos[1][4]="Parte baja del pueblo";
titulo_fotos[1][5]="Mercado frente a la casa";
titulo_fotos[1][6]="La mina";
titulo_fotos[1][7]="Tren en el parque";
titulo_fotos[1][8]="Embalse ";
titulo_fotos[1][9]="Aminales del parque";
titulo_fotos[1][10]="Animales del parque";

secciones[2]="Comarca minera";

titulo_fotos[2]=new Array(1);
titulo_fotos[2][0]="El Zumajo";
titulo_fotos[2][1]="El Zumajo";
titulo_fotos[2][2]="Aldea El Pozuelo";
titulo_fotos[2][3]="Puesta de Sol en el embalse";
/*
titulo_fotos[2][1]="TItulo 2";
titulo_fotos[2][2]="TItulo 3";
titulo_fotos[2][3]="TItulo 4";
titulo_fotos[2][4]="TItulo 5";
titulo_fotos[2][5]="TItulo 6";
titulo_fotos[2][6]="TItulo 7";
titulo_fotos[2][7]="TItulo 8";
titulo_fotos[2][8]="TItulo 9";
titulo_fotos[2][9]="TItulo 10";*/


secciones[3]="La reconstrucción";
titulo_fotos[3]=new Array(3);
titulo_fotos[3][0]="Arreglo de los techos";
titulo_fotos[3][1]="Instalación de la chimenea";
titulo_fotos[3][2]="Pintando la casa";
titulo_fotos[3][3]="Montando la cocina";
titulo_fotos[3][4]="Cansadas de pintar";
titulo_fotos[3][5]="Terminando la fachada";
titulo_fotos[3][6]="El pequeño ayudante";


secciones[4]="Fotos antiguas";
titulo_fotos[4]=new Array(1);
titulo_fotos[4][0]="Fachada en los años 50";


var cadena=" "+document.location;
//--- Código de visualización de imágenes

if(cadena.lastIndexOf("?seccion=")<0)
{ // Es la página principal de con listado de seccions
	menu.innerHTML="<br>";
	for(i in secciones)
	{
		menu.innerHTML+="<font size='2'><a href='album.htm?seccion="+i+"'>"+secciones[i]+"<em> - (Fotos: "+titulo_fotos[i].length+")</em></a></font><br>";
	}
}
else 
{
	// Mostrar listado de secciones
	lista_secciones.innerHTML="- "
	for(i in secciones)
	{
		lista_secciones.innerHTML+="<a href='album.htm?seccion="+i+"'>"+secciones[i]+"</a> - ";
	}
	
	if (cadena.lastIndexOf("foto=")>0) 
	// Hay que mostrar una foto
	{
		var seccion=parseInt(cadena.substr(cadena.lastIndexOf('?seccion=')+9));
		var foto=parseInt(cadena.substr(cadena.lastIndexOf('foto=')+5));

	titulo.innerHTML=titulo_fotos[seccion][foto];

	menu.innerHTML+=" - ";
	if(foto>0)
		menu.innerHTML+="<a href='album.htm?seccion="+seccion+"&foto="+(foto-1)+"'>Ir a foto anterior</a> - ";
	menu.innerHTML+="<a href='album.htm?seccion="+seccion+"'> Volver Atrás</a> - ";
	if(foto<titulo_fotos[seccion].length-1)
		menu.innerHTML+="<a href='album.htm?seccion="+seccion+"&foto="+(foto+1)+"'>Ir a siguiente foto</a> - ";
	menu.innerHTML+="<br clear='all'>";
	menu.innerHTML+="<img vspace='10' src='sec_"+seccion+"_foto_"+foto+"_tam_450.jpg'></img>";	
	menu.innerHTML+="<br clear='all'><br> - ";
	if(foto>0)
		menu.innerHTML+="<a href='album.htm?seccion="+seccion+"&foto="+(foto-1)+"'>Ir a foto anterior</a> - ";
	menu.innerHTML+="<a href='album.htm?seccion="+seccion+"'> Volver Atrás</a> - ";
	if(foto<titulo_fotos[seccion].length-1)
		menu.innerHTML+="<a href='album.htm?seccion="+seccion+"&foto="+(foto+1)+"'>Ir a siguiente foto</a> - ";

	
}
else // hay que mostrar una coleccion de fotos
{
	var contador=1;
	menu.innerHTML="<br>";
	var numero=cadena.substr(cadena.lastIndexOf('?seccion=')+9);
	titulo.innerText=secciones[numero]+" - (Fotos disponibles: "+titulo_fotos[numero].length+")";
	for(i in titulo_fotos[numero])
	{
		menu.innerHTML+="<a href='album.htm?seccion="+numero+"&foto="+i+"'><img border='0' align='middle' vspace='10' hspace='15' src='sec_"+numero+"_foto_"+i+"_tam_100.jpg'></a>";
//		menu.innerHTML+="<a href='+sec_"+numero+"_foto_"+i+"_tam_640.jpg'><img border='0' align='middle' vspace='10' hspace='15' src='sec_"+numero+"_foto_"+i+"_tam_150.jpg'></a>";
		menu.innerHTML+=titulo_fotos[numero][i];
		contador++;
		if(contador%2==0)
		{
			menu.innerHTML+="<br clear=\"all\">";
		}
	}
}
}