//titulo
var titulo = "BELEN PIDE PASO Nº 41 DICIEMBRE 2009"
//datos imagenes
var imagenes = new Array (
"revista/p1p.jpg", "Portada", "Portada del nº 41 de Diciembre de 2009.", "revista/p1.jpg",
"revista/p2p.jpg", "Editorial", "La voz de la Junta Directiva.", "revista/p2.jpg",
"revista/p3p.jpg", "Belencine", "Programación del festival organizado por la Aso.", "revista/p3.jpg",
"revista/p4p.jpg", "Programación 1", "Programación de actividades de la Aso.", "revista/p4.jpg",
"revista/p5p.jpg", "Programación 2", "Continuación de lo anterior", "revista/p5.jpg",
"revista/p6p.jpg", "Página web 1", "Presentación de la página web", "revista/p6.jpg",
"revista/p7p.jpg", "Página web 2", "Continuación de lo anterior", "revista/p7.jpg",
"revista/p8p.jpg", "Belén Joven", "Presentación de la nueva etapa de Belen Joven", "revista/p8.jpg",
"revista/p9p.jpg", "Entrevista 1", "Entrevista a nuestro párroco Miguel Angel Baz", "revista/p9.jpg",
"revista/p10p.jpg", "Entrevista 2", "Continuación de lo anterior", "revista/p10.jpg",
"revista/p11p.jpg", "Entrevista 3", "Continuación de lo anterior", "revista/p11.jpg",
"revista/p12p.jpg", "Entrevista 4", "Continuación de lo anterior", "revista/p12.jpg",
"revista/p13p.jpg", "Entrevista 5", "Continuación de lo anterior", "revista/p13.jpg",
"revista/p14p.jpg", "Consejo Social 1", "Presentación del Consejo Social de Pilarica-Belen", "revista/p14.jpg",
"revista/p15p.jpg", "Consejo Social 2", "Continuación de lo anterior", "revista/p15.jpg",
"revista/p16p.jpg", "Foro  Belén 2", "Resumen de uno de los Foros organizados por la Aso", "revista/p16.jpg",
"revista/p17p.jpg", "Foro de Belén 2", "Continuación de lo anterior", "revista/p17.jpg",
"revista/p18p.jpg", "La autoridad en las aulas 1", "Interesante informe desarrollado por varios profesores del Barrio", "revista/p18.jpg",
"revista/p19p.jpg", "La autoridad en las aulas  2", "Continuación de lo anterior", "revista/p19.jpg",
"revista/p20p.jpg", "Historia del Barrio 1", "Nuestro Barrio dentro del Mundo y la Historia", "revista/p20.jpg",
"revista/p21p.jpg", "Historia del Barrio 2", "Continuación de lo anterior", "revista/p21.jpg",
"revista/p22p.jpg", "Actividades ludicas", "El colegio del Jacinto Benavente como espacio cultural", "revista/p22.jpg",
"revista/p23p.jpg", "Opinión", "Tolerancia, educación y cultura como valores fundamentales", "revista/p23.jpg",
"revista/p24p.jpg", "Contraportada", "", "revista/p24.jpg"
)

//ancho y alto area descripcion
var ancho = 35	//numero de columnas
var alto = 3	//numero de filas
//ancho y alto de recuadro visor en pixels (si la imagen es mayor, el recuadro se adapta a la imagen)
var ancho_visor = 350
var alto_visor = 280
//retardo entre imagenes en la reproduccion automatica (milisegundos)
var retardo_rotacion = 1000
//FIN SECCION CONFIGURACION

//indice
var actual = 0

//ir a la siguiente imagen
function siguiente() {
	actual++
	if (document.formulario.imagen[actual]) {
		document.images.visor.src = document.formulario.imagen[actual].value
		document.formulario.imagen.selectedIndex = actual
		document.formulario.descripcion.value = imagenes[4*actual+2]
		atualizaEnalce( imagenes[4*actual+3] )
	}
	else ir_inicio()
}

//ir a la imagen anterior
function anterior() {
	actual--
	if (actual >= 0) {
		document.images.visor.src = document.formulario.imagen[actual].value
		document.formulario.imagen.selectedIndex = actual
		document.formulario.descripcion.value = imagenes[4*actual+2]
		atualizaEnalce( imagenes[4*actual+3] )
   	}
	else ultimo()
}

//ir a la primera imagen
function ir_inicio() {
	actual = 0
	document.images.visor.src = document.formulario.imagen[0].value
	document.formulario.imagen.selectedIndex = 0
	document.formulario.descripcion.value = imagenes[2]
	atualizaEnalce( imagenes[3] )
}

//ir a la ultima imagen
function ultimo() {
	actual = document.formulario.imagen.length-1
	document.images.visor.src = document.formulario.imagen[actual].value
	document.formulario.imagen.selectedIndex = actual
	document.formulario.descripcion.value = imagenes[4*actual+2]
	atualizaEnalce( imagenes[4*actual+3] )
}

//cambia a modo reproduccion automatica
function repAuto(text) {
	document.formulario.automatico.value = (text == "Detener") ? "Reproducir" : "Detener"
	reproducir()
}


function cambiaLista() {
	actual = document.formulario.imagen.selectedIndex
	document.images.visor.src = document.formulario.imagen[actual].value
	document.formulario.descripcion.value = imagenes[4*actual+2]
	atualizaEnalce( imagenes[4*actual+3] )
}

//realiza reproduccion automatica
function reproducir() {
	if (document.formulario.automatico.value == "Detener") {
		actual = (actual == document.formulario.imagen.length-1) ? 0 : actual+1
		document.images.visor.src = document.formulario.imagen[actual].value
		document.formulario.imagen.selectedIndex = actual
		document.formulario.descripcion.value = imagenes[4*actual+2]
		atualizaEnalce( imagenes[4*actual+3] )
		window.setTimeout("reproducir()", retardo_rotacion)
	}
}

//actualizacion enlace
function atualizaEnalce( nuevoEnlace ) {
	var imagen	

	if (document.getElementById) {
             imagen = document.getElementById("enlace")
	} else if (document.all)
             imagen = document.all.enlace
	else         //no soportado
             return	
	
	imagen.href = nuevoEnlace
}

//pinta visor de imagenes
function PintaVisor() {
with (document) {
 write('<form name="formulario">')
 write('<table cellspacing="1" cellpadding="4" bgcolor="#000000">')
 write('<tr>')
 write('<td align="center" bgcolor="#C0C0C0">')
 write( titulo )
 write('</td>')
 write('</tr>')
 write('<tr>')
 write('<td align="center" bgcolor="white" width="' + ancho_visor + '" height="' + alto_visor + '">')
 write('<a id="enlace" href="' + imagenes[3] + '" target="_blank"><img src="' + imagenes[0] + '" name="visor"></a>')
 write('</td>')
 write('</tr>')
 write('<tr>')
 write('<td align="center" bgcolor="#C0C0C0">')
 write('<select name="imagen" onChange="cambiaLista();">')
 write('<option value="' + imagenes[0] + '" selected>' + imagenes[1])
 numelem = imagenes.length
 for ( var x = 4; x < numelem; x=x+4 ) {
 	write('<option value="' + imagenes[x] + '">' + imagenes[x+1])
 }
 write('</select>')
 write('</td>')
 write('</tr>')
 write('<tr>')
 write('<td align="center" bgcolor="white">')
 write('<textarea name="descripcion" rows="' + alto + '" cols="' + ancho + '">' + imagenes[2] + '</textarea>')
 write('</td>')
 write('</tr>')
 write('<tr>')
 write('<td align="center" bgcolor="#C0C0C0">')
 write('<input type="button" onClick="ir_inicio();" value="|<<" title="Inicio">')
 write('<input type="button" onClick="anterior();" value="<<" title="Anterior">')
 write('<input type="button" name="automatico" onClick="repAuto(this.value);" value="Reproducir" title="Reproducción automática">')
 write('<input type="button" onClick="siguiente();" value=">>" title="Siguiente">')
 write('<input type="button" onClick="ultimo();" value=">>|" title="Ultimo">')
 write('</td>')
 write('</tr>')
 write('</table>')
 write('</form>')
 }
}