$(function() {
		$('#banner li a').hover(function() {
		interval = clearInterval(interval);
		$(this).parent().siblings().removeClass('active last-active');
		$(this).parent().addClass('active');
	},
	function(){
		interval = setInterval("slideSwitch()", 5000);
});
		   });
	
function slideSwitch() {
	var $active = $('#banner li.active');
	
	if ($active.length == 0) $active = $('#banner li:last');
	
	var $next = $active.next().length ? $active.next()
	: interval = clearInterval(interval);
	
	$active.addClass('last-active');

	$next.css({opacity:0.0})
		.addClass('active')
		.animate({opacity:1.0}, 1000, function() {
		$active.removeClass('active last-active');
		});
	}	
	
$(function() {
	interval = setInterval("slideSwitch()", 5000);
});


