$(document).ready(function() {

    // Set the interval for the slideshow
    $(function() {
        setInterval(switchSlide, 5000);
    });

    // Handles slideshow
    function switchSlide() {
        var $active = $('#banner div.active');
        
        if ($active.length == 0) {
            $active = $('#banner div:last');
        }

        var $next = $active.next('div.slide').length ? $active.next('div.slide') : $('#banner div:first');

        $active.addClass('last-active');

        $next.css({opacity: 0.0}).addClass('active').animate({opacity: 1.0}, 1000, function() {
            $active.removeClass('active last-active');
        });
    }
});