var foto;
var relleno = 20;
$(document).ready(inicia)

function inicia(){
	$("#footer #aviso").click(lightbox);
}

function lightbox(){
	var altura=$(document).height(); 
	$("body").append("<div id='velo'></div>");
	$("#velo").css({ position:"absolute", background:"#000", width:"100%", height:altura+"px", top:"0px", left:"0px", zIndex:100, opacity:0 })
	$("#velo").fadeTo(400, 0.6, cargaPagina);
	
	return false;
}

function cargaPagina(id)
{
	$("body").append("<div id='marco'></div>");
	$("#marco").css({ position:"absolute", marginTop:"0px", marginLeft:"-300px" , zIndex:101, width:"600px", height:"auto", top:"25%", left:"50%", background:"#FFF"});

var objeto;
if (window.XMLHttpRequest)
{

objeto = new XMLHttpRequest();
}
else if (window.ActiveXObject)
{

try {
objeto = new ActiveXObject("Msxml2.XMLHTTP");
} catch (e) {
try { 
objeto = new ActiveXObject("Microsoft.XMLHTTP");
} catch (e) {}
}
}
if (!objeto)
{
	alert("No ha sido posible crear un objeto de XMLHttpRequest");
}


objeto.onreadystatechange=function()
{
	cargarObjeto(objeto,id)
}

objeto.open('GET', 'aviso.html', true)

objeto.send(null) 
}

function cargarObjeto(objeto, id)
{
	if (objeto.readyState == 4) 
	{
		//alert('hecho');
		document.getElementById("marco").innerHTML=objeto.responseText;
	}
	else 
	{
		//alert('esperando');
		document.getElementById("marco").innerHTML='<p>Cargando pagina...</p>';
	}
	
	$("#tituloLegal1 img").click( function (){
								  $("#marco").remove();
								  $("#velo").remove();
								  })
}








/*
function animaMarco(){
	var anchoFoto = $(this).width();
	var altoFoto = $(this).height();
	$("#marco").css({ background:"#FFF" });
	$("#marco").animate({ width: anchoFoto, marginLeft: -(anchoFoto/2)-relleno }, 600);
	$("#marco").animate({ height: altoFoto, marginTop: -(altoFoto/2)-relleno }, 600, muestraFoto);
}
function muestraFoto(){
	$("#marco img").fadeIn(400);
	$("#marco").append('<p>Cerrar</p>');
	$("#marco p").css({	cursor:"pointer" });
	$("#tituloLegal img").click( function (){
								  $("#marco").remove();
								  $("#velo").remove();
								  })
}
*/
