// nImagSlider indica el número de imagenes que entran en el banner superior, espacio previamente calculado con numImages.
var nImagSlider = 4;

// numImagSliderBarraTotal indica el número máximo de imágenes que entran en la barra inferior
var nImagSliderBarraTotal = 999;

// nImagSliderBarra indica el número de imagenes que pueden aparecer en barra inferior
var nImagSliderBarra = 4;

// indexSelected indica el elemento de la barra inferior seleccionado por defecto
var indexSelected = 1;

$(document).ready(function(){

////////////////////// TOOLTIP ////////////////////////////////////////////////						   
	$(".Slide li").hover(
		function(){
			$(this).find("div div a span").attr({"style": 'display:inline'});
			$(this).find("div div a span").animate({opacity: 0.9, top: "50"}, {queue:false, duration:400});
		}, 
		function(){
			$(this).find("div div a span").animate({opacity: 0, top: "-50"}, {queue:false, duration:400}, "linear",
				function(){
					$(this).find("div div a span").attr({"style": 'display:none'});			
				}
			);
		});
////////////////////// TOOLTIP FIN ////////////////////////////////////////////						   

// CONTROLAMOS EL NUMERO DE IMAGENES QUE SALEN RECALCULANADO EL ESPACIO DEL BANNER
	for (i = 1; i <= nImagSliderBarraTotal; i++)
	{
		$("#slider" + i).easySlider({
			numImages: nImagSlider,
			prevId: 'prevBtn'+i,
			nextId: 'nextBtn'+i
		});

		if ($("div#slider" + i + " li").length <= nImagSlider)
		{
			$("#prevBtn" + i + " a").remove();
			$("#nextBtn" + i + " a").remove();
		}
		
		$("#prevBtn" + i).addClass("BtnClass1");
		$("#nextBtn" + i).addClass("BtnClass2");
	}
		  


// CONTROLAMOS EL NUMERO DE IMAGENES QUE SALEN, RECALCULANADO, EL ESPACIO DEL SLIDER INFERIOR
	$("#sliderBarra").easySlider({numImages: nImagSliderBarra, prevId: 'prevBtnBarra',	nextId: 'nextBtnBarra'});
	
// MIRAMOS CUANTOS LI VIENEN EN EL SLIDER INFERIOR PARA OCULTAR O ACTIVAR LOS BOTONES DE SIGUIENTE Y ANTERIOR
	if ($("div#sliderBarra" + " li").length <= nImagSliderBarra)
		{
			$("#prevBtnBarra a").remove();
			$("#nextBtnBarra a").remove();
		}

// RECORREMOS TODOS LOS CLICKS BUSCANDO EL SELECCIONADO PARA DARLE ESTILOS Y OPCIONES
	for (numClick = 1; numClick <= nImagSliderBarraTotal; numClick++)
	{
		$("#click" + numClick).attr("indice", numClick);
		
		$("a#click" + numClick).hover(
			function () {$(this).addClass("Evento" + $(this).attr("indice"));},
			function () {if (indexSelected != eval($(this).attr("indice"))) $(this).removeClass("Evento" + $(this).attr("indice"));}
		);
		
		if (indexSelected == numClick)
			$("a#click" + numClick).addClass("Evento" + numClick);
		else
			$("#container" + numClick).hide(0);
		
		$("#click" + numClick).click(function(){
			indexSelected = eval($(this).attr("indice"));
			
			for (Click = 1; Click <= nImagSliderBarraTotal; Click++){
				if($(this).attr("indice") == Click){
					$("a#click" + Click).addClass('Evento' + Click);
					$("#container" + Click).fadeIn("slow");
				}
				else {
					$("a#click" + Click).removeClass('Evento' + Click);
					$("#container" + Click).hide();
				}
			}
		});
	}
});