//0 = niet zichtbaar, 1= zichtbaar
var popupStatus = 0;

//het laden van de popup
function loadPopup(){
	
	//laad de popup als hij niet zichtbaar is
	if(popupStatus == 0){
		$("#backgroundPopup").fadeIn("slow");
		$("#popUp").fadeIn("slow");
		popupStatus = 1;
	}
	
}

//zet de variabelen van bijv de css
function setVars(){
	//instellen van achtergrond
	$("#backgroundPopup").css({
		"background-color": "#fff",
		"opacity": "0.4"
	});
	
	//instellen van de popup 
	$("#popUp").css({
		"font":"12px Arial, Verdana",
		"background-color":"#fff"
	});
	
	//instellen van de popupClose 
	$(".popupClose").css({
		"color":"#9f014e",
		"font-size":"14px",
		"font-weight":"bold",
		"text-decoration":"none"
	});
}
//het uitzetten van de popup
function disablePopup(){
	if(popupStatus == 1){
		$("#backgroundPopup").fadeOut("slow");
		$("#popUp").fadeOut("slow");
		popupStatus = 0;
	}
}

//het centreren van de popup
function centerPopup(){
	
	//de variabelen voor het centreren
	var windowWidth = $(document).width();
	var windowHeight = $(window).height();
	var popupHeight = $("#popUp").height();
	var popupWidth = $("#popUp").width();
	
	//het centreren
	$("#popUp").css({
		"position": "absolute",
		//popuphoogte + 96px van de padding

		"left": windowWidth/2- (popupWidth + 96)/2
	});
	
	//alleen voor IE6
	$("#backgroundPopup").css({
		"height": windowHeight
		
	});
}



//functies aanroepen
$(document).ready(function(){

	$(window).scroll(centerPopup).resize(centerPopup);

	setVars();
	centerPopup();
	loadPopup();
	
	//Sluiten van popup
	$(".popupClose").click(function(){
		disablePopup();
	});
	//Click op de achtergrond!
	$("#backgroundPopup").click(function(){
		disablePopup();
	});
	//druk op ESC!
	$(document).keypress(function(e){
		if(e.keyCode==27 && popupStatus==1){
		disablePopup();
		}
	});
});