///titulo
var titulo = "EXPOSICION DE FOSILES"
//datos imagenes
var imagenes = new Array (
"imagenes/darwin1b.jpg","huellas","","imagenes/darwin1.jpg",
"imagenes/darwin2b.jpg","moluscos","","imagenes/darwin2.jpg",
"imagenes/darwin3b.jpg","diente de mamut","","imagenes/darwin3.jpg",
"imagenes/darwin4b.jpg","dinosaurios","","imagenes/darwin4.jpg",
"imagenes/darwin5b.jpg","los padres de la criatura","","imagenes/darwin5.jpg"
)

//ancho y alto area descripcion
var ancho = 0//numero de columnas
var alto = 1	//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 = 175
var alto_visor = 140
//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 Darwin() {
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] + '" width=160 height=120 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>')
 }
}