jQuery(document).ready(function(){

	$("#signupButton").click(function(){
		centerPopup('signup');
		loadPopup('signup');
	});

	$("#signupClose").click(function(){
		disablePopup('signup');
		$(".formError").hide();
	});

	$("#thanksClose").click(function(){
		disablePopup('thanks');
	});
});

var popupStatus = 0;

function loadPopup(name)
{
	if (popupStatus == 0) {
		var bg = "#"+name+"Background";
		var pp = "#"+name+"Popup";
		$(bg).css({ "opacity": "0.3" });
		$(bg).show();
		$(pp).show();
		popupStatus = 1;
	}
}

function disablePopup(name)
{
	if (popupStatus == 1) {
		var bg = "#"+name+"Background";
		var pp = "#"+name+"Popup";
		$(bg).hide();
		$(pp).hide();
		popupStatus = 0;
	}
}

function centerPopup(name)
{
	var windowWidth = document.documentElement.clientWidth;
	var windowHeight = document.documentElement.clientHeight;
	var bg = "#"+name+"Background";
	var pp = "#"+name+"Popup";
	var popupHeight = $(pp).height();
	var popupWidth = $(pp).width();
	$(pp).css({ "position": "absolute", "top": windowHeight/2-popupHeight/2, "left": windowWidth/2-popupWidth/2 });
	$(bg).css({ "height": windowHeight });
}