// JavaScript Document
var actual= '';

$(document).ready(function() {
	$("#topnav li").prepend("<span></span>"); 
	
	$("#topnav li").each(function() {
		var linkTex = $(this).find("a").html();
		$(this).find("span").show().html(linkTex);
		actualizar();
	}); 
	
	$("#topnav li").hover(function() {	
		$(this).find("span").stop().animate({ 
				marginTop: "-76"
		}, 250);
	} , function() { 
		$(this).find("span").stop().animate({
			marginTop: "0"
		}, 250);
		actualizar();
	});
	
	//lightbox
	$("a#show-panel.visas").click(function(){
		$("#lightbox, #lightbox-panel.visas").fadeIn(300);
	})
	
	$("a#show-panel.monedas").click(function(){
		$("#lightbox, #lightbox-panel.monedas").fadeIn(300);
	})
	
	$("a#show-panel.clima").click(function(){
		$("#lightbox, #lightbox-panel.clima").fadeIn(300);
	})
	
	$("a#close-panel").click(function(){
		$("#lightbox, #lightbox-panel").fadeOut(300);
	})
});

function escribir(pagina){
	return actual = pagina;
}

function actualizar(){
	switch(actual){
		case "home.php":
			$("#topnav").find("#principal span").stop().animate({
				marginTop: "-76"
			}, 250);
			break;
			
		case "contacto.php":
			$("#topnav").find("#contacto span").stop().animate({
				marginTop: "-76"
			}, 250);
			break;
			
		case "quienes.php":
			$("#topnav").find("#quienes span").stop().animate({
				marginTop: "-76"
			}, 250);
			break;
			
		case "paquetes.php":
			$("#topnav").find("#paquetes span").stop().animate({
				marginTop: "-76"
			}, 250);
			break;
			
		case "ofertas.php":
			$("#topnav").find("#ofertas span").stop().animate({
				marginTop: "-76"
			}, 250);
			break;
			
		case "herramientas.php":
			$("#topnav").find("#herramientas span").stop().animate({
				marginTop: "-76"
			}, 250);
			break;
			
		case "hoteles.php":
			$("#topnav").find("#hoteles span").stop().animate({
				marginTop: "-76"
			}, 250);
			break;
	}
}