// popup.js
// javascript/jquery code for popup on yesezra.com
// based on this code: http://yensdesign.com/2008/09/how-to-create-a-stunning-and-smooth-popup-using-jquery/
// and http://www.queness.com/post/77/simple-jquery-modal-window-tutorial
//
// Jan. 2010, Ezra Spier
// ezra dot spier at gmail dot com
// rev 0.1 - first stab
// in the future, I'd like to add a cookie, so the popup only shows once per session, then hides.

var popupActive = 0;

function loadPopup() {
	if (popupActive == 0) {
		// container div fades
		$("#popupBackground").css({
			"opacity": "0.7"
		});
		$("#popupBackground").fadeIn("slow");
		$("#popupMain").fadeIn("slow");
		popupActive = 1;
	}
}

function centerPopup() {
	var clientWidth = document.documentElement.clientWidth;
	var clientHeight = document.documentElement.clientHeight;
	var popupWidth = $("#popupMain").width();
	var popupHeight = $("#popupMain").height();
	
	$("#popupMain").css({
		"position": "absolute",
		"top": (clientHeight/2) - (popupHeight/2),
		"left": (clientWidth/2) - (popupWidth/2)
	});
	
	// perhaps need ie6 hack? Will test w/o
}

function disablePopup() {
	if (popupActive == 1) {
		$("#popupBackground").fadeOut("slow");
		$("#popupMain").fadeOut("slow");
		popupActive = 0;
	}
}

$(document).ready(function(){
	// load popup on page load
	centerPopup();
	loadPopup();
	
	//close 3 ways
	$("#popupClose").click(function(){
		disablePopup();
	});
	
	$("popupBackground").click(function(){
		disablePopup();
	});
	
	$(document).keypress(function(e){
		if (e.keyCode == 27 && popupActive == 1) {
			disablePopup();
		}
	});
});