$(document).ready(function() {
	
	// Hover del menu ppal.
	$("#main-menu .menu a").hover(function() {
		
		menu(this);
	});

	$("#main-menu").hover(
		function() {
			// onmouseover no pasa nada.
		},function() {
			//menu($("#main-menu div.page"));

			$("#main-menu .menu div").css("background-position", "bottom left");
			
			$("#main-menu .sub-menu").css("left", "-999em");
	});

	$("#"+$("#main-menu .menu .selected div").attr("class")).addClass("page");
	
	$(".expand a").click(function() {

		var height = $(this).parent().parent().parent().find(".info").height();

		if ($(this).parent().parent().parent().find(".info").css("display") == "none") {

			// Abre la solapa
			
			$(this).parent().parent().parent().find(".expand a").css("background-position", "right top");
			
			$(this).parent().parent().parent().find(".info").height(0);

			$(this).parent().parent().parent().find(".info").css("display", "block");

			$(this).parent().parent().parent().find(".info").stop().animate({
				height: height
			}, 'fast');

		} else {

			// Cierra la solapa
			
			$(this).parent().parent().parent().find(".expand a").css("background-position", "left top");
			
			$(this).parent().parent().parent().find(".info").stop().animate({

				height: 0

			}, 'fast', function(){
				$(this).css("display", "none");
				$(this).height(height);
			});
		}
	});
	
	$(".plus a").click(function() {
		if ($(this).parent().find("div.p").css("display") == 'none') {
			$(this).parent().find("div.p").css("display", "block");
		} else {
			$(this).parent().find("div.p").css("display", "none");
		}
	});
	
	// Seleccion numero de vuelo
	$("#no-vuelo").focus(function () {
		if ($(this).attr("value") == "Nro. de vuelo" || $(this).attr("value") == "Flight Numeber") {
			$(this).attr("value", "");
		}
    });
	$("#no-vuelo").blur(function () {
		if ($(this).attr("value") == "") {
			$(this).attr("value", "Nro. de vuelo");
		}
    });	
});

function menu(obj) {

	$("#main-menu .menu a").css("background-position", "bottom");	

	$(obj).css("backgroundPosition", "top");

	// Escondo todos los menu.
	$("#main-menu .sub-menu").css("left", "-999em");
	
	// Muestro solo el menu con la clase seleccionada.
	$("#"+$(obj).attr("class")).css("left", "149px");
}