// Código JavaScript Universal para ambosweb

window.anchoVentana = 0; 
window.altoVentana = 0;

window.anchoPanelInformativo = 0;
window.altoPanelInformativo = 0;

window.onresize = function()
{
	// Vuelve a coger las dimensiones de la ventana
	dimensiones();	
}

// Obtiene el ancho y alto de la ventana
function dimensiones()
{
	anchoVentana = $(window).width();
	altoVentana = $(window).height();
}

// Oculta los paneles informativos y la capa de fondo
function ocultarCapasInformativas()
{
	// Escribimos dentro de la capa algo vacío para que no queden huellas ni rastro raro
	$("#panelInformativo_contenido").html(""); // Arreglar para que funciones
	$("#fondoNegro, #panelInformativo").hide();
}

// Detecta la tecla Escape y quita las capas informativas y la de fondo
$(document).keydown(function(event)
{
	if (event.which == 27)
	{
		ocultarCapasInformativas();
	}
});

function centrarVentana(objeto,anchoCapa,altoCapa)
{
	dimensiones();
	
	anchoCapa = anchoCapa || 0;
	altoCapa = altoCapa || 0;
	
	if (anchoCapa != 0)
	{
		// Hacemos esto para que no se trague el div por lo alto
		if (anchoVentana >= anchoCapa)
		{
			var a = anchoVentana/2;
			var b = anchoCapa/2;
			$("#"+objeto).css("margin-left", a-b);
		}
	}
	
	if (altoCapa != 0)
	{
		if (altoVentana >= altoCapa)
		{
			var a = altoVentana/2;
			var b = altoCapa/2;
			$("#"+objeto).css("margin-top", a-b);
		}
	}
	
}

function info(url,anchoCapa,altoCapa)
{
	centrarVentana("panelInformativo",anchoCapa,altoCapa);
	$("#panelInformativo_contenido").load(url);
	$("#fondoNegro, #panelInformativo").show();	
}