var current;

function slides() {
    $('ul#slideshow li').css({opacity: 0.0}); 
    $('ul#slideshow li:first').css({opacity: 1.0}).addClass('show'); 
    setTimeout('rotate()',10000); 
}

function rotate() {
    if (current) { current.removeClass('show'); }
    current = ($('ul#slideshow li.show') ? $('ul#slideshow li.show') : $('ul#slideshow li:first'));
    var next = ((current.next().length) ? current.next() : $('ul#slideshow li:first'));
    current.animate({opacity: 0.0}, 1000);
    next.addClass('show').animate({opacity: 1.0}, 1000);       
    setTimeout('rotate()',10000); 
}