/*
# $Id$
*/

$(document).ready(function() {
	initBanners();
});

function initBanners() {

	// Hide all banners
	$('#banners .banner').css({
		opacity: 0,
		'z-index': 1
	});

	// Start server banner #1
	currentBanner = $($('#banners .banner')[0]);
	serveBanner();
}

var currentBanner = null;
function serveBanner() {
	currentBanner.css('visibility', 'visible').animate({
		opacity: 1
	}, 250).animate({opacity:1}, 3000).animate({opacity:0}, 250, 'linear', function() {
		$(this).css('visibility', 'hidden');
		var next = currentBanner.next('.banner');
		currentBanner = next.length>0 ? $(next) : $($('#banners .banner')[0]);
		serveBanner();
	});
}