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

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