var modalWindow = {
	parent:"body",
	windowId:null,
	content:null,
	width:null,
	height:null,
	close:function()
	{
		$(".modal-window").remove();
		$(".modal-overlay").remove();
	},
	open:function()
	{
		var modal = "";
		modal += "<div id=\"caja_modal\"><div class=\"modal-overlay\"></div>";
		modal += "<div id=\"" + this.windowId + "\" class=\"modal-window\" style=\"width:" + this.width + "px; height:" + this.height + "px; margin-top:-" + (this.height / 2) + "px; margin-left:-" + (this.width / 2) + "px;\">";
		modal += this.content;
		modal += "</div></div>";	

	


//***
var id = $(this).attr('href');

//Obtén el alto y ancho de la pantalla

var maskHeight = $(document).height();

var maskWidth = $(window).width();

//Configura el alto y ancho de la máscara para rellenar la pantalla

$(".modal-window").css({'width':maskWidth,'height':maskHeight});

//transition effect

$(".modal-window").fadeIn(10);

$(".modal-window").fadeTo("slow",0.8);

//Obtén el alto y ancho de la ventana

var winH = $(window).height();

var winW = $(window).width();

//Configura la ventana popup para que esté centrada

$(id).css('top',  winH/2-$(id).height()/2);

$(id).css('left', winW/2-$(id).width()/2);

//Efecto de transición

$(id).fadeIn(2000);

//alert("Aui");
//**
$(this.parent).append(modal);
var winH = $(".modal-window").height();
var winW =$(".modal-window").width();
//alert(winH+"----"+winW);
	


		$(".modal-window").append("<a class=\"close-window\"></a>");
		//$(".modal-window").append("<a class=\"modalCloseImg\" title=\"Close\"></a>");
		//$(".close-window").click(function(){modalWindow.close();});
		$(".close-window").click(function(){$(".close-window").fadeIn(1000);$(".close-window").fadeTo("slow",0.8);modalWindow.close();});
					
	//	$(".modal-overlay").click(function(){modalWindow.close();});
	}
};