/*  requires jQuery 1.2.6
   converts the photo gallery into a slideshow
*/
var CURRENT_SLIDE = 0;
var SLIDE_TIMER = null;

$(document).ready(function() {
    $('#slides').css({position: 'relative'});
    $('#slides ul li').hide()
    .css({position: 'absolute',
         top: 0,
         left: '30px'});
    $('#slides ul li:eq(0)').fadeIn('slow');
    SLIDE_TIMER = window.setTimeout(timed_advance, 3000);
    $('#previews').css({'opacity':0.9});
    $('#slides ul li').click(function() {
        window.clearTimeout(SLIDE_TIMER);
        $('#previews').show();
    });
    $('#previews img').click(function() {
        $('#previews').hide();
        $('#slides ul li:eq('+CURRENT_SLIDE+')').fadeOut('slow');
        CURRENT_SLIDE = parseInt($(this).attr('id').substr(6));
        $('#slides ul li:eq('+CURRENT_SLIDE+')').fadeIn('slow');
        SLIDE_TIMER = window.setTimeout(timed_advance, 3000);
    });
});

function timed_advance() {
    if(CURRENT_SLIDE == $('#slides ul li').length -1) {
        var next_slide = 0;
    }
    else {
        var next_slide = CURRENT_SLIDE + 1;
    }
    $('#slides ul li:eq('+CURRENT_SLIDE+')').fadeOut('slow');
    $('#slides ul li:eq('+next_slide+')').fadeIn('slow');
    CURRENT_SLIDE = next_slide;
    SLIDE_TIMER = window.setTimeout(timed_advance, 3000);
}