var delay = 5000;

var current_frame = 0;
var t;

function slideshow_init()
{
    var slideshow = document.getElementById('slideshow');
    var frames = slideshow.getElementsByTagName('a');
    var buttons = document.getElementById('frames');
    var buttons = buttons.getElementsByTagName('a');

    frames[0].style.display = 'block';
    buttons[0].className = 'active';

    t = setTimeout("slideshow_next_frame()", delay);
}

function slideshow_next_frame()
{
    var slideshow = document.getElementById('slideshow');
    var frames = slideshow.getElementsByTagName('a');

    var buttons = document.getElementById('frames');
    var buttons = buttons.getElementsByTagName('a');

    frames[current_frame].style.display = 'none';
    buttons[current_frame].className = '';

    current_frame ++;
    if (current_frame == frames.length) current_frame = 0;

    frames[current_frame].style.display = 'block';
    buttons[current_frame].className = 'active';

    t = setTimeout("slideshow_next_frame()", delay);
}

function slideshow_show_frame(id)
{
    var slideshow = document.getElementById('slideshow');
    var frames = slideshow.getElementsByTagName('a');

    var buttons = document.getElementById('frames');
    var buttons = buttons.getElementsByTagName('a');

    for (var i = 0; i < frames.length; i++)
    {
        frames[i].style.display = 'none';        
        buttons[i].className = '';

        var frame_id = frames[i].getAttribute('id');
        if (frame_id == 'frame' + id)
        {
            current_frame = i;
            frames[current_frame].style.display = 'block';
            buttons[current_frame].className = 'active';
 
            clearTimeout(t);
            t = setTimeout("slideshow_next_frame()", delay);
        }
    }    
    
}

var old_onload = window.onload;
if (typeof window.onload != 'function')
{
    window.onload = slideshow_init;
}
else
{
    window.onload = function(){ old_onload(); slideshow_init(); }
}