var timeOutBanners = 5000;

$(document).ready(function(){
	$("div.fichaBuscador").hover(function(){
		$(this).children("div.compra_express").show();
	}, function(){
		$(this).children("div.compra_express").hide();
	})
	

	$("#sliderOutlet").easySlider({
		auto: true,
		continuous: true,
		speed: 		800,
		pause:		6000
	});
	
	$("#sliderMasVendidos").easySlider({
		auto: true,
		continuous: true,
		speed: 		800,
		pause:		6000
	});
	
	$("#slider").easySlider({
		auto: true,
		continuous: true,
		speed: 		800,
		pause:		6000
	});
	
	
	// ---------------------------------------------------------------------------------------
	// ---------------- Funcionalidad de los banners de la home ------------------------------
	$("a.pageBanners").click(function(){
		mostrarBanner($("#" + $(this).attr("mostrar")));
	});
	
	setTimeout('mostrarBanners()', timeOutBanners);
	
	// ---------------- Fin funcionalidad banners home ---------------------------------------
	// ---------------------------------------------------------------------------------------
	
	// ---------------------------------------------------------------------------------------
	// ---------------- Funcionalidad pestañas novedades, ofertas,... ------------------------
	
	$("li.litabs").click(function(){
		$("li.litabs a").removeClass("selected");
		$(this).children("a").addClass("selected");
		
		$("div.divtabs").hide();
		$("#" + $(this).children("a").attr("mostrar")).show();
	});
	
	// ---------------- Fin funcionalidad ----------------------------------------------------
	// ---------------------------------------------------------------------------------------
	
	
	
});

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

function mostrarBanner(banner){
	var divVisible = $("div.bannersHome:visible");
	$(divVisible).fadeOut(500);
	$(banner).fadeIn(1000);
	
	$("li.bannersPager").removeClass("on");
	$("#" + $(banner).attr("mostrar")).addClass("on");
	
}