var timeOutBanners = 10000;

$(document).ready(function(){
	$("a.pageBanners").click(function(){
		mostrarBanner($("#" + $(this).attr("mostrar")));
	});
	
	setTimeout('mostrarBanners()', timeOutBanners);
});

function mostrarBanners(){
	if($("div.banners").length > 1){
		//Nos guardamos el id del elemento visible para ocultarlo despues
		var divVisible = $("div.banners:visible");
		var divSiguiente;
		
		//Recogemos el siguiente elemento mostrable
		if($("#" + $(divVisible).attr("id")).next("div.banners").length > 0){
			divSiguiente = $("#" + $(divVisible).attr("id")).next("div.banners");
		//En caso de no haber siguiente, recogemos el primero de la lista
		}else{
			divSiguiente = $("div.banners")[0];
		}
		
		mostrarBanner(divSiguiente);
		
		setTimeout('mostrarBanners()', timeOutBanners);
	}
}

function mostrarBanner(banner){
	var divVisible = $("div.banners:visible");
	
	$(divVisible).fadeOut("slow");
	$(banner).fadeIn('slow');
}