$(function() {
	$("body").append("<div id='overlayCustom'></div>");
	setOverlay();
	
	$("body").append("<div id='popupWrapper'><div id='popup'></div></div>");
	
	getContent();
	
	$("#overlayCustom").resize(function() {
		setOverlay();
	});
});

function setOverlay() {
	var docHeight = $(window).height();

	$("#overlayCustom")
		.height(docHeight)
		.css({
			'opacity' : 0.4,
			'position': 'absolute',
			'top': 0,
			'left': 0,
			'background-color': 'black',
			'width': '100%',
			'z-index': 5000
		});
	$("html").css({'overflow':'hidden'});
}

function closeOverlay() {
	$("#popupWrapper").remove();
	$("#overlayCustom").remove();
	$("html").css({'overflow-y':'auto'});
}

function getContent() {
	$("#popup").html('<img src="'+ _root +'images/loadingAnimation.gif" style="margin-bottom:5px">');

	$.ajax({
		type: "GET",
		url: _root +"popup/newsletter.asp",
		cache: false,
		success: function (data) {
			$("#popup").html(data);
		}
	});
}

//opslaan in MIX
function saveToMix() {	
	$(".saveToMixAnswer").html('');
	
	var gs = $("#frmNewsletter input[name=ov_geslacht]:checked");
	var vn = $("#frmNewsletter input[name=ov_voornaam]");
	var tv = $("#frmNewsletter input[name=ov_tussenvoegsel]");
	var an = $("#frmNewsletter input[name=ov_achternaam]");
	var em = $("#frmNewsletter input[name=ov_email]");
	
	var filter = /^([a-zA-Z0-9_\.\-])+\@(([a-zA-Z0-9\-])+\.)+([a-zA-Z0-9])+$/;

	if (vn.val() == "") {
		alert("U dient uw voornaam in te vullen.");
		vn.focus();
		return false;
	}
	if (an.val() == "") {
		alert("U dient uw achternaam in te vullen.");
		an.focus();
		return false;
	}
	if (em.val() == "" || filter.test(em.val()) == false) {
		alert("U dient een geldig e-mailadres in te vullen.");
		em.focus();
		return false;
	}
	
	$(".saveToMixAnswer").show().html('<img src="'+ _root +'images/loadingAnimation.gif" style="margin-bottom:5px">');
	
	$.ajax({
		type: "GET",
		url: _root +"include/ajax/saveToMix.asp",
		data: "email="+ em.val() +"&voornaam="+ vn.val() +"&tussenvoegsel="+ tv.val() +"&achternaam="+ an.val() +"&geslacht="+ gs.val(),
		cache: false,
		success: function (data) {
			if (data == 0) {
				sMsg = '<p class="ok">Hartelijk dank voor uw aanmelding.</p>';
			} else {
				sMsg = '<p class="error">Het lijkt er op dat het e-mailadres al voor komt.</p>';
			}
			
			$(".saveToMixAnswer").show().html(sMsg);
		}
	});
}