function slide() {
    
	var $active = $(".bannerBox img.active");
	
	if($active.length == 0){
		$active = $(".bannerBox img:last");
	}

    var $next = $active.next().length ? $active.next() : $(".bannerBox img:first");

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

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

$(document).ready(function()
{
	setInterval("slide()", 4000 );
});