https://deepamtravels.com/scripts/fadewindowscript.js?760

1// JavaScript Document
2function FnOpenFadeWindow_custom(popupid, width, height) {
3	$('#' + popupid).fadeIn();
4	$('#' + popupid).css('width', width);
5	$('#' + popupid).css('height', height);
6	$('#' + popupid).css('float', 'left');
7	$('#' + popupid).css('position', 'fixed');
8	$('#' + popupid).css('background-color', '#FFF');
9	$('#' + popupid).css('top', '50%');
10	$('#' + popupid).css('left', '50%');
11	$('#' + popupid).css('z-index', '99999');
12	$('#' + popupid).css('border-radius', '10px');
13	$('#' + popupid).css('-webkit-box-shadow', '0px 0px 20px #000');
14	$('#' + popupid).css('-moz-box-shadow', '0px 0px 20px #000');
15	$('#' + popupid).css('box-shadow', '0px 0px 20px #000');
16	$('#fade').css({ 'filter': 'alpha(opacity=80)' }).fadeIn();
17	var popuptopmargin = (($('#' + popupid).height() + 10) / 2) - 30;
18	var popupleftmargin = ($('#' + popupid).width() + 10) / 2;
19	$('#' + popupid).css({ 'margin-top': -popuptopmargin, 'margin-left': -popupleftmargin });
20}
21
22function FnCloseFadeWindow_custom() {
23	$('#fade ,.custompopup').fadeOut();
24	return false;
25}
26
27$(document).keydown(function (e) {
28	if ($(".custompopup").is(':visible')) {
29		if (e.keyCode == 27)
30			FnCloseFadeWindow_custom();
31	}
32});
33$(document).ready(function () {
34	$('#fade').click(function () {
35		if ($(".custompopup").is(':visible')) {
36			$('#fade').fadeOut();
37			$('.custompopup').fadeOut();
38			return false;
39		}
40	});
41	$('#fade').css('width', '100%');
42	$('#fade').css('height', '100%');
43	$('#fade').css('display', 'none');
44	$('#fade').css('background', '#0000004d');
45	$('#fade').css('position', 'fixed');
46	$('#fade').css('left', '0');
47	$('#fade').css('top', '0');
48	$('#fade').css('opacity', '.80');
49	$('#fade').css('z-index', '5');
50});