// Número de milisegundos entre cada una de las imágenes (en modo automático)
var slide_delay = 4000

var on_automatic = false
var interval_id
// esto lo he sacado de aquí para poder manejar el número de fotos desde 
// la pagina html.
//var current_slide = 5

function initialize() {

    // Si el navegador no es DHTML, regresamos
    if (!dhtml_ok) { return }

    // Crear los objetos DHTML
    create_object_array()
    
    write_controls()
	start_show()
}

function write_controls() {

    // Escribir el número de diapositiva
//    slide_text = "Diapositiva #" + eval(current_slide + 1) + "&#151;" + slides[current_slide].caption + "<p>"
    slide_text = slides[current_slide].caption + "<p>"
/*
    // Escribir el control Anterior
    if (current_slide == 0 || on_automatic) {
        previous_control = "Anterior"
    }
    else {
        previous_control = '<a href="javascript:previous_slide()">Anterior</a>'
    }

    // Escribir el control Siguiente 
    if (current_slide == slides.length - 1 || on_automatic) {
        next_control = "Siguiente"
    }
    else {
        next_control = '<a href="javascript:next_slide()">Siguiente</a>'
    }

    // Escribir el control Automático/Detener
    if (!on_automatic) {
        automatic_control = '<a href="javascript:start_show()">Automático</a>'
    }
    else {
        automatic_control = '<a href="javascript:stop_show()">Detener</a>'
    }
*/    
    dhtml_objects["controls"].set_html(slide_text) 
/*	
    dhtml_objects["controls"].set_html(slide_text + 
                                       previous_control + "&nbsp;" + 
                                       automatic_control + "&nbsp;" + 
                                       next_control)
*/									   
}

function next_slide() {

    // Cambiar el número actual de diapositiva
    if (current_slide < slides.length - 1) {
        current_slide++
    }
    else if (on_automatic) {
        current_slide = 0
    }

    dhtml_objects['viewer'].set_html('<img src="' + slides[current_slide].src + '">')
    write_controls()
}

function previous_slide() {
    current_slide--
    dhtml_objects['viewer'].set_html('<img src="' + slides[current_slide].src + '">')
    write_controls()
}

function start_show() {
    
    // Establecer el indicador
    on_automatic = true
    
    // Mostrar la siguiente diapositiva
    next_slide()
    
    // Configurar el intervalo
    interval_id = setInterval("next_slide()", slide_delay)
}

function stop_show() {
    clearInterval(interval_id)
    on_automatic = false
    write_controls()
}