/*
.........................
:: Javascript a medida. ::
.........................
*/


/*
 * -------------------------------------------------------------- Pestanyas
*/


$( function() {
	$("ul.pestanyas li").each( function(indice) {
		$(this).click( function() {
			$("ul.pestanyas li").removeClass("activo").filter(":eq("+ indice +")").addClass("activo");
			$(".contenidoPest:visible").fadeOut(400, function() {
				$(this).removeClass("activo");
				$(".contenidoPest:eq("+ indice +")").fadeIn(400, function() {
				    $(this).addClass("activo");
				})
			});
			return false;
		});
	});
});

/*
 * -------------------------------------------------------------- galeria de video 
*/


$( function() {
    $("ul.galeriaVideos a[href$=mov]").click( function() {
        pop(this.href, 'avideo', '640', '496', '1', '');
        return false;
    } );
});


/*
 * -------------------------------------------------------------- Animacion Home
*/


$( function() {
    $("#animacionHome img").css("opacity", 0);
    mostrarSig("#animacionHome div:first");
});

function ocultarAct() {
    var capa = $("#animacionHome img.activo").parent();
    var siguiente = capa.is(":last-child") ? $("#animacionHome div:first") : capa.next();
    
    capa.find("img:last")
        .removeClass("activo")
        .css({
            "left": "330px"
        }).animate({
            "left": "525px",
            "opacity": 0
        }, 600, function() {
                capa.find("img:first").animate({"opacity": 0}, 900, function() {
                    mostrarSig(siguiente.get(0));
                });
            });
}

function mostrarSig(capa) {
    var capa = $(capa);
    capa.find("img:last")
        .addClass("activo")
        .css({
            "left": "525px",
            "opacity": 0
        }).animate({
            "left": "330px",
            "opacity": 1
        }, 600, function() {
                capa.find("img:first").css("opacity", 0).animate({"opacity": 1}, 900, function() {
                    setTimeout(ocultarAct, 2500)
                });
            });
}


/*
 * -------------------------------------------------------------- Mapa Home
*/
$( function() {
    $("area").each( function(indice) {
	    $(this).mouseover( function(evento) {
		    $("ul.mapa li")
			    .not(":eq(" + indice + ")").hide().end()
				.eq(indice).not(":visible")
					.css({
						opacity: 0,
						marginTop: "-30px",
						display: "block",
						top: evento.pageY + "px",
						left: (evento.pageX - 56) + "px"
					})
					.animate({
						opacity: 1,
						marginTop: "-47px"
					}, "slow")
		});
	});
	
	$("ul.mapa li").mouseover( function() {
	    clearTimeout(this.temporizador);
	}).mouseout( function() {
		var objeto = $(this);
	    this.temporizador = setTimeout( function() {
		    objeto.fadeOut("slow"), 1800;
		});
	});
})



/*
 * -------------------------------------------------------------- Aviso legal
*/


$( function() {
    $("a[@href=legal.php]").click(function() {
		$("<div id='jquery-aviso'></div>").css("display", "none").appendTo("body").load("legal.php", function() {
			$(this).slideDown(400, function() {
				$("#jquery-overlay").css("height", $(document).height() + "px") 
			});			
		});
	    $("<div id='jquery-overlay'></div>").css({
		   "background": "#000000",
		   "opacity": 0,
		   "width"  : $(document).width() + "px",
		   "height" : $(document).height() + "px"
		}).appendTo("body").fadeTo(400, 0.8).add("#cerrarAviso").click(function() {
		    $("#jquery-overlay, #jquery-aviso").remove();
		});
	    return false;
	});
});