//datos imagenes
var imagenes = new Array (
"foto1.jpg", "FOTO 1", "Graduación de CENTU 2002 Técnico Comercial y Secretariado",
"foto2.jpg", "FOTO 2", "Graduación de CENTU 2002 Técnico Comercial y Secretariado",
"foto3.jpg", "FOTO 3", "Graduación de CENTU 2002 Tecnico en informatica:",
"foto4.jpg", "FOTO 4", "Graduación de CENTU 2002 Técnico Comercial y Secretariado",

"foto17.jpg", "FOTO 5", "Graduación de CENTU 2002 PREMIO DE HONOR",
"foto19.jpg", "FOTO 6", "Graduación de CENTU 2002 ESTUDIANTE SOBRESALIENTE",
"foto20.jpg", "FOTO 7", "Graduación de CENTU 2002 PREMIO DE HONOR",
"foto22.jpg", "FOTO 8", "Graduación 2006 del Programa Juventud y Empleo",
"foto26.jpg", "FOTO 9", "FOTO DE GRADUACION DE COMPUCAMPAMENTO",
"foto16.jpg", "FOTO 10", "Graduación de CENTU 2002 PREMIO AL ESFUERZO",
"foto24.jpg", "FOTO 11", "Graduación 2006 del Programa Juventud y Empleo",
"foto28.jpg", "FOTO 12", "PROYECTO FINAL DE DISEÑO GRAFICO",
"foto13.jpg", "FOTO 13", "El director académico Ingeniero Luís Manuel Cruz en un discurso en la graduación del programa Juventud y empleo."

)
//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[3*actual+2]
	}
	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[3*actual+2]
   	}
	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]
}

//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[3*actual+2]
}

//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[3*actual+2]
}

//realiza reproduccion atuomatica
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[3*actual+2]
		window.setTimeout("reproducir()", retardo_rotacion)
	}
}

//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="white" width="' + ancho_visor + '" height="' + alto_visor + '">')
 write('<img src="' + imagenes[0] + '" name="visor">')
 write('</td>')
 write('</tr>')
 write('<tr>')
 write('<td align="center" bgcolor="#40659C">')
 write('<select name="imagen" onChange="cambiaLista();">')
 write('<option value="' + imagenes[0] + '" selected>' + imagenes[1])
 numelem = imagenes.length
 for ( var x = 3; x < numelem; x=x+3 ) {
 	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" readonly="readonly" rows="' + alto + '" cols="' + ancho + '">' + imagenes[2] + '</textarea>')
 write('</td>')
 write('</tr>')
 write('<tr>')
 write('<td align="center" bgcolor="#40659C">')

 write('<input type="button" onClick="anterior();" value="Anterior" title="Anterior">')
 write('<font color="#40659C">.....</font>')
 write('<input type="button" onClick="siguiente();" value="Siguiente" title="Siguiente">')

 write('</td>')
 write('</tr>')
 write('</table>')
 write('</form>')
}
}

//UTILIZACION
//<!-- Muestra el visor -->
//<div align="center">
//<script language="javascript" type="text/javascript">PintaVisor();</script>
//</div>