<script lang="javascript" type="text/javascript">
var titulo = "Titulo de la presentaci?n"
//datos
var valor_formulario=0 //el valor del formulario que va a servir para los vectores imagenes
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
function agrega_array(ruta, titulo, descripcion, link){
tam_document=document.forms.length+1
//alert("tam: "+tam_document)
if(window["imagenes"+tam_document]==null)
window["imagenes"+tam_document]=new Array();
a= new Array(ruta, titulo, descripcion, link);
if(window["imagenes"+tam_document].length==0){
window["imagenes"+tam_document]=a;
}
else{
var b=window["imagenes"+tam_document].concat(a);
window["imagenes"+tam_document]=b;
}
}
function inicializa_actual(numero){
n=numero.toString()
window["actual"+n]=0;
}
//indice
//ir a la siguiente imagen
function siguiente(formul) {
actual=window["actual"+formul.id]
imagenes=window["imagenes"+formul.id]
actual++
window["actual"+formul.id]=actual
cole_forms=document.forms[formul.id-1]
if (cole_forms.imagen[actual]) {
cole_forms.visor.src = cole_forms.imagen[actual].value
//cole_forms.imagen.selectedIndex = actual
//cole_forms.descripcion.value = imagenes[4*actual+2]
//atualizaEnalce( imagenes[4*actual+3] )
}
else ir_inicio(formul)
}
//ir a la imagen anterior
function anterior(formul) {
actual=window["actual"+formul.id]
imagenes=window["imagenes"+formul.id]
cole_forms=document.forms[formul.id-1]
actual--
window["actual"+formul.id]=actual
if (actual >= 0) {
cole_forms.visor.src = cole_forms.imagen[actual].value
//cole_forms.imagen.selectedIndex = actual
//cole_forms.descripcion.value = imagenes[4*actual+2]
//atualizaEnalce( imagenes[4*actual+3] )
}
else ultimo(formul)
}
//ir a la primera imagen
function ir_inicio(formul) {
actual=window["actual"+formul.id]
imagenes=window["imagenes"+formul.id]
cole_forms=document.forms[formul.id-1]
actual = 0
window["actual"+formul.id]=actual
cole_forms.visor.src = cole_forms.imagen[0].value
//cole_forms.imagen.selectedIndex = 0
//cole_forms.descripcion.value = imagenes[2]
//atualizaEnalce( imagenes[3] )
}
//ir a la ultima imagen
function ultimo(formul) {
actual=window["actual"+formul.id]
imagenes=window["imagenes"+formul.id]
cole_forms=document.forms[formul.id-1]
actual = cole_forms.imagen.length-1
window["actual"+formul.id]=actual
cole_forms.visor.src = cole_forms.imagen[actual].value
//cole_forms.imagen.selectedIndex = actual
//cole_forms.descripcion.value = imagenes[4*actual+2]
//atualizaEnalce( imagenes[4*actual+3] )
}
//cambia a modo reproduccion automatica
function repAuto(text, formul) {
cole_forms=document.forms[formul.id-1]
cole_forms.automatico.value = (text == "Detener") ? "Reproducir" : "Detener"
reproducir(formul)
}
function cambiaLista(formul) {
actual=window["actual"+formul.id]
imagenes=window["imagenes"+formul.id]
cole_forms=document.forms[formul.id-1]
actual = cole_forms.imagen.selectedIndex
window["actual"+formul.id]=actual
cole_forms.visor.src = cole_forms.imagen[actual].value
cole_forms.descripcion.value = imagenes[4*actual+2]
//atualizaEnalce( imagenes[4*actual+3] )
}
//realiza reproduccion atuomatica
function reproducir(formul) {
actual=window["actual"+formul.id]
imagenes=window["imagenes"+formul.id]
cole_forms=document.forms[formul.id-1]
if (cole_forms.automatico.value == "Detener") {
actual = (actual == cole_forms.imagen.length-1) ? 0 : actual+1
window["actual"+formul.id]=actual
cole_forms.visor.src = cole_forms.imagen[actual].value
cole_forms.imagen.selectedIndex = actual
cole_forms.descripcion.value = imagenes[4*actual+2]
//atualizaEnalce( imagenes[4*actual+3] )
window.setTimeout("reproducir("+formul+")", 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(numero) {
n=numero.toString();
valor_formulario++;
with (document) {
write('<form id="'+n+'" name="formulario"> ')
imagenes=window["imagenes"+valor_formulario]
inicializa_actual(n);
write('<table cellspacing="1" cellpadding="2" bgcolor="#468259">')
//write('<tr>')
//write('<td align="center" bgcolor="#C0C0C0">')
//write( titulo )
//write('</td>')
//write('</tr>')
write('<tr>')
write('<td align="center" bgcolor="#468259" width="' + ancho_visor + '" height="' + alto_visor + '">')
write('<a id="enlace" href="' + imagenes[3] + '"><img src="' + imagenes[0] + '" name="visor" width="'+ancho_visor+'" height="'+alto_visor+'"></a>')
write('</td>')
write('</tr>')
//write('<tr>')
//write('<td align="center" bgcolor="#468259">')
write('<select id="imagen"'+n+'" name="imagen" style="visibility:hidden">')
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="#468259">')
write('<input type="button" onClick="ir_inicio(this.form);" value="|<<" title="Inicio">')
write('<input type="button" onClick="anterior(this.form);" value="<<" title="Anterior">')
//write('<input type="button" name="automatico" onClick="repAuto(this.value,this.form);" value="Reproducir" title="Reproducci?n autom?tica">')
write('<input type="button" onClick=" siguiente(this.form);" value=">>" title="Siguiente">')
write('<input type="button" onClick="ultimo(this.form);" value=">>|" title="Ultimo">')
write('</td>')
write('</tr>')
write('</table>')
write('</form>')
}
}
</script>