var slides = new Array()
var slide_width = 150
var slide_height = 150
slides[0] = new Image(slide_width, slide_height)
slides[0].src = "/img/Council_thumbnails/BillBain.jpg"
slides[0].caption = "<br/><a href=mailto:mayor@thecityofnewport.net>Mayor Bill Bain</a><br/>"
slides[0].alt = "Mayor Bill Bain"
slides[1] = new Image(slide_width, slide_height)
slides[1].src = "/img/Council_thumbnails/JeffBertuleit.JPG"
slides[1].caption = "<br/><a href=mailto:J.Bertuleit@thecityofnewport.net>Councilor Jeff Bertuleit</a><br/>"
slides[2] = new Image(slide_width, slide_height)
slides[2].src = "/img/Council_thumbnails/PatriciaPatrick.JPG"
slides[2].caption = "<br/><a href=mailto:P.Patrick-Joling@thecityofnewport.net>Councilor Patricia Patrick-Joling</a><br/>"
slides[3] = new Image(slide_width, slide_height)
slides[3].src = "/img/Council_thumbnails/TerryObteshka.JPG"
slides[3].caption = "<br/><a href=mailto:T.Obteshka@thecityofnewport.net>Councilor Terry Obteshka</a><br/>"
slides[4] = new Image(slide_width, slide_height)
slides[4].src = "/img/Council_thumbnails/LonBrusselback.JPG"
slides[4].caption = "<br/><a href=mailto:L.Brusselback@thecityofnewport.net>Councilor Lon Brusselback</a><br/>"
slides[5] = new Image(slide_width, slide_height)
slides[5].src = "/img/Council_thumbnails/RichardKilbride.jpg"
slides[5].caption = "<br/><a href=mailto:R.Kilbride@thecityofnewport.net>Councilor Richard Kilbride</a><br/>"
slides[6] = new Image(slide_width, slide_height)
slides[6].src = "/img/Council_thumbnails/MarkMcConnell.jpg"
slides[6].caption = "<br/><a href=mailto:M.McConnell@thecityofnewport.net>Councilor Mark McConnell</a><br/>"



// The number of milliseconds between each slide in automatic mode
var slide_delay = 4000

var on_automatic = false
var interval_id
var current_slide = 0

function initialize() {

	current_slide = ( Math.floor (Math.random() * 7 ) );

    // If this is a non-DHTML browser, bail out
    if (!dhtml_ok) { return }
	
    // Create the DHTML objects
    create_object_array()

    //start_show()
    write_controls()
}

function write_controls() {

    // Write the slide number
	slide_text = slides[current_slide].caption + "<p>"

    // Write the Previous control
    if (current_slide == 0 || on_automatic) {
        previous_control = "&#171"
    }
    else {
        previous_control = '<a href="javascript:previous_slide()">&#171</a>'
    }

    // Write the Next control
    if (current_slide == slides.length - 1 || on_automatic) {
        next_control = "&#187"
    }
    else {
        next_control = '<a href="javascript:next_slide()">&#187</a>'
    }

    // Write the Automatic/Stop control
    if (!on_automatic) {
        automatic_control = '<a href="javascript:start_show()">Slideshow</a>'
    }
    else {
        automatic_control = '<a href="javascript:stop_show()">Stop</a>'
    }
    
    dhtml_objects["controls"].set_html('<img class="viewer" src="' + 
                                      slides[current_slide].src + '">' +
									  slide_text 
									   + 
                                       previous_control + "&nbsp;" + 
                                       automatic_control + "&nbsp;" + 
                                       next_control)
}

function next_slide() {

    // Change the current slide number
    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() {
    
    // Set the flag
    on_automatic = true
    
    // Display the next slide right away
    next_slide()
    
    // Set up the interval
    interval_id = setInterval("next_slide()", slide_delay)
}

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