// ----------------------
// Barullo
// ----------------------
// Categorías
// ----------------------

$(document).ready(function() {
	
	var selected = -1;
	
	// id a cada una
	var counter = 0;
	$(".tienda_thumb a").each(function(){
		this.id = counter++; 	
	});
	
	// over que apaga las demás
	$(".tienda_thumb a").hover(function(e){
		// ocultamos todas menos esta
		if (selected != this.id){
			$(".tienda_thumb:not(:eq("+selected+"))").stop().animate({opacity:".5"}, "slow");
			$(this).parent().parent().stop().animate({opacity:"1"}, "normal");	
		}
	}, function(e){
		// mostramos todas
		if (selected != this.id) {
			if (selected == -1) $(".tienda_thumb").stop().animate({opacity: "1"}, "normal");
			else $(this).parent().parent().stop().animate({opacity:".5"}, "normal");	
		}		
	});
	
	// click
	$(".tienda_thumb a").click(function(e){
		var elId = this.id;
		
		if (selected!=-1){
			// ocultamos el contenido anterior	
			$("#tienda"+(parseInt(selected)+1)).fadeOut("fast");
			
			// mostramos su thumb
			$(".tienda_thumb:eq("+selected+")").css({opacity:".5"});
		}
		
		// marcamos como seleccionado
		selected = elId;
		
		// les quitamos el margin right
		$(".tienda_thumb").stop().animate({marginRight:"1px"}, "normal");
		// movemos la primera un poco	
		$(".tienda_thumb:eq(0)").animate({marginLeft:"7px"}, "fast", function(){
			
			// subimos hacia arriba
			$(".tienda_thumb").animate({marginTop:"-120px"}, "normal");
			
			// mostramos el contenido adecuado
			$("#tienda"+(parseInt(selected)+1)).fadeIn("slow");
			
		});
		
		return false;
	});
	
});