OverlayJs.js

<script type="text/javascript">
	var OverlayJs = {
		Init :
		$(document).ready(function(){
			var p = document.createElement("div");
			$(p).css({
				"background":"rgba(255,255,255,0.7)",
				"position":"fixed",
				"width":"100%",
				"height":"100%",
				"display":"block",
				"color":"#000",
				"text-align":"center",
"z-index":"999",				"font-size":"2em",
				"font-family":"Open Sans,sans-serif"
			});
			$(p).html('<div id="fb-kill" style="position:absolute;width:98.8%;text-align:right;"><i class="fa fa-times"></i></div><div style="margin-top:10%;" id="g-op-msg"><h1>Text Here</h1><h1>Text Here</h1><h2>More Text Here</h2></div><button id="fb-event" style="font-family:Open Sans,sans-serif;border-style:solid;background-color:#3B5998;border-color:#3B5998;color:#fff;font-size:1.5em;opacity:1;border-radius:6px;"><i class="fa fa-facebook"> See Event</i></button>');

			$("body").prepend(p);
			$("#fb-event").on("click",function(){
				window.location.href = "";
			})

			$("#fb-kill").on("click",function(){
				$(p).remove();
			})
		})	
		
		
	}
</script>