$(document).ready(function() 
{           
    slideShow();
});
 
function slideShow() {
 
    $('#gallery a').css({opacity: 0.0});
    $('#gallery a:first').css({opacity: 1.0});
    $('#gallery .content').html($('#gallery a:first').find('img').attr('rel')).animate({opacity: 1}, 400);
     
    setInterval('gallery()',10000);    
}
 
function gallery() {
     
    var current = ($('#gallery a.show')?  $('#gallery a.show') : $('#gallery a:first'));
    var next = ((current.next().length) ? ((current.next().hasClass('caption'))? $('#gallery a:first') :current.next()) : $('#gallery a:first'));   
    var caption = next.find('img').attr('rel'); 
     
    next.css({opacity: 0.0})
    .addClass('show')
    .animate({opacity: 1.0}, 1000);
 
    current.animate({opacity: 0.0}, 1000)
    .removeClass('show');
     

    $('#gallery .caption').animate({height: '1px'}, 300, function() { $('#gallery .content').html(caption); }); 
    $('#gallery .caption').animate({height: '140px'},400 );        
}