// 0 = disabled, 1 = enabled
var popupStatus = 0;

function loadPopup() {
	// load popup only if it is disabled
	if (popupStatus == 0) {
		$("#overlay").css( {
			"opacity" : "0.5",
			"border" : "1px solid #DDD"
		});
		$('#contentPopup').corner({
			tl: { radius: 18 }, tr: { radius: 18 }, bl: { radius: 18 }, br: { radius: 18 }, antiAlias: true
		});
		$("#overlay").fadeIn("slow");
		$("#contentPopup").fadeIn("slow");
		popupStatus = 1;
	}
}

function disablePopup() {
	// disable popup only if it is enabled
	if (popupStatus == 1) {
		$("#overlay").fadeOut("slow");
		$("#contentPopup").fadeOut("slow");
		popupStatus = 0;
	}
}

function centerPopup() {
	// get data required for centering
	var windowWidth = document.documentElement.clientWidth;
	var windowHeight = document.documentElement.clientHeight;
	var popupHeight = $("#contentPopup").height();
	var popupWidth = $("#contentPopup").width();
	// center it
	$("#contentPopup").css( {
		"position" : "absolute",
		"top" : windowHeight / 2 - popupHeight / 2,
		"left" : windowWidth / 2 - popupWidth / 2,
		"z-index" : 10
	});
	// IE6 needs a bit of persuasion (of course)
	$("#overlay").css( {
		"height" : windowHeight
	});

}

$(document).ready(function()
{
	// open the disclaimer
	$("#disclaimerButton").click(function(){
		$("#contentPopup").css('width', '600px');
		$("#contentPopupTitle").css('width', '600px');
		$("#contentPopupText").css('width', '532px');
		$("#contentPopupText").css('height', '450px');
		$("#contentPopupText").css('overflow-y', 'scroll');
		$("#contentPopupText").css('padding', '0 27px 0 10px');
		$("#contentPopupText").css('margin', '20px 0 26px 20px');
		// load the proper data into the div
		$("#contentPopupTitle").html('<img src="css/img/disclaimer-header.png">');
		// load data via AJAX
		$.ajax({
			type: 'GET',
			url: 'includes/popupdata.php?nid=8',
			success: function(data){
			$("#contentPopupText").html(data);
			}
		});
		// centering with css
		centerPopup();
		// load popup
		loadPopup();
	});

	// open the terms & conditions
	$("#termsButton").click(function(){
		$("#contentPopup").css('width', '600px');
		$("#contentPopupTitle").css('width', '600px');
		$("#contentPopupText").css('width', '532px');
		$("#contentPopupText").css('height', '450px');
		$("#contentPopupText").css('overflow-y', 'scroll');
		$("#contentPopupText").css('padding', '0 27px 0 10px');
		$("#contentPopupText").css('margin', '20px 0 26px 20px');
		// load the proper data into the div
		$("#contentPopupTitle").html('<img src="css/img/terms-header.png">');
		// load data via AJAX
		$.ajax({
			type: 'GET',
			url: 'includes/popupdata.php?nid=9',
			success: function(data){
				$("#contentPopupText").html(data);
			}
		});
		// centering with css
		centerPopup();
		// load popup
		loadPopup();
	});
	
	// Close the popup when de close button is clicked
	$("#contentPopupClose").click(function(){
		disablePopup();
	});
	// Close the popup when the user clicks outside the popup area
	$("#overlay").click(function(){
		disablePopup();
	});
	// Close the popup when the user presses the escape key
	$(document).keypress(function(e){
		if(e.keyCode==27 && popupStatus==1){
			disablePopup();
		}
	});

});