var popupStatus = 0;
var currentLoadingEle = "";
var strLoading = '<div style="padding: 50px 0px 0px 50px;text-align: center; color: #ff0000;"><img src="images/ajax-loader-red.gif" border="0" />Loading...</div>';
function loadPopup(loading_div){
	if(popupStatus == 0){
		$("#backgroundPopup").css({
			"opacity": "0.7"
		});
		$("#backgroundPopup").show(0);
		$(loading_div).css('z-index', '2');
		popupStatus = 1;
	}
}

function disablePopup(){
	if(popupStatus == 1){
		$("#backgroundPopup").hide(0);
		$(currentLoadingEle).hide(0);
		popupStatus = 0;
	}
}

function disablePreviousPopup(){
	if(currentLoadingEle != ""){
		$(currentLoadingEle).hide(0);
	}
}

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

	//only need force for IE6
	$("#backgroundPopup").css({
		"height": windowHeight
	});
}

function centerFotoPopup(loading_div){
	var windowWidth 	= document.documentElement.clientWidth;
	var windowHeight 	= document.documentElement.clientHeight;
	var popupHeight 	= $(loading_div).height();
	var popupWidth 		= $(loading_div).width();
	
	$(loading_div).css({
		"position": "absolute",
		"top": 50,
		"left": 400
	});

	//only need force for IE6
	$("#backgroundPopup").css({
		"height": windowHeight
	});
}

function makeBoxSelected(selected){
	var boxIDs = new Array('teksten-2', 'lnk-njr-in-de-media', 'lnk-bestuur', 'lnk-vertegenwoordigers', 'njr-helden-up', 'lnk-vacatures', 'teksten-box-3');
	for(var i = 0; i <= boxIDs.length; i++){
		$("#" + boxIDs[i]).removeClass("active");
	}
	$("li#teksten-box-3").removeClass("active");
	$("#" + selected).addClass("active");
}

$(document).ready(function() {
	// agenda
	$("a[id^=lnk-agenda-id-]").click(function(){
		var AgendaID = this.id.substring(14);
		var rand = new Date().getTime();
		var post_data = {AgendaID:AgendaID};
		disablePreviousPopup(); // disable previous popup if any
		currentLoadingEle = "#div-agenda";
		centerPopup("#div-agenda");
		loadPopup("#div-agenda");
		$("#div-agenda").show(0);
		
		$("#div-agenda").html(strLoading);
		
		$.post('agenda_ajax.php?rand=' + rand, post_data, function(data){
			$("#div-agenda").html(data);
		});
	});
	
	// agenda details
	$("a[id^=lnk-agenda-id-]").click(function(){
		disablePopup();
		var AgendaID = this.id.substring(14);
		var rand = new Date().getTime();
		var post_data = {AgendaID:AgendaID};
		disablePreviousPopup(); // disable previous popup if any
		currentLoadingEle = "#div-agenda";
		centerPopup("#div-agenda");
		loadPopup("#div-agenda");
		$("#div-agenda").show(0);
		
		$("#div-agenda").html(strLoading);
		
		$.post("agenda_ajax.php?rand=" + rand, post_data, function(data){
			$("#div-agenda").html(data);
		});
	});
	
	// news
	$(".lnk-nieuws").click(function(){
		var rand = new Date().getTime();
		var post_data = {NewsID:'0'};
		disablePreviousPopup(); // disable previous popup if any
		currentLoadingEle = "#div-nieuws";
		centerPopup("#div-nieuws");
		loadPopup("#div-nieuws");
		$("#div-nieuws").show(0);
		
		$("#div-nieuws").html(strLoading);
		
		$.post('news_ajax.php?rand=' + rand, post_data, function(data){
			$("#div-nieuws").html(data);
		});
	});
	
	// news details
	$("a[id^=lnk-news-id-]").click(function(){
		//disablePopup();
		
		var NewsID = this.id.substring(12);
		var rand = new Date().getTime();
		var post_data = {NewsID:NewsID};
		
		disablePreviousPopup(); // disable previous popup if any
		currentLoadingEle = "#div-nieuws";
		centerPopup("#div-nieuws");
		loadPopup("#div-nieuws");
		$("#div-nieuws").show(0);
		
		$("#div-nieuws").html(strLoading);
		
		$.post("news_ajax.php?rand=" + rand, post_data, function(data){
			$("#div-nieuws").html(data);
		});
	});
	
	// teksten (pers, engles, sitemap,desclaimer, etc.)
	$("a[id^=teksten-]").click(function(){
		disablePopup();
		var TekstenID = this.id.substring(8);
		var rand = new Date().getTime();
		var post_data = {TekstenID : TekstenID};
		
		disablePreviousPopup(); // disable previous popup if any
		currentLoadingEle = "#div-teksten";
		centerPopup("#div-teksten");
		loadPopup("#div-teksten");
		$("#div-teksten").show(0);
		
		$("#div-teksten").html(strLoading);
		
		$.post("teksten_ajax.php?rand=" + rand, post_data, function(data){
			$("#div-teksten").html(data);
		});
	});
	
	// teksten (pers, engles, sitemap,desclaimer, etc.)
	$("li[id^=teksten-]").click(function(){
		disablePopup();
		var TekstenID = this.id.substring(8);
		var rand = new Date().getTime();
		var post_data = {TekstenID : TekstenID};
		
		// make box selected if 2/3
		if(TekstenID == 2){
			makeBoxSelected('teksten-2');
			$("li#teksten-3").removeClass("active");
		}
		else if(TekstenID == 3){
			makeBoxSelected('teksten-box-3');
			$(this).addClass("active");
		}
		disablePreviousPopup(); // disable previous popup if any
		currentLoadingEle = "#div-teksten";
		centerPopup("#div-teksten");
		loadPopup("#div-teksten");
		$("#div-teksten").show(0);
		
		$("#div-teksten").html(strLoading);
		
		$.post("teksten_ajax.php?rand=" + rand, post_data, function(data){
			$("#div-teksten").html(data);
		});
	});
	
	// teksten (pers, engles, sitemap,desclaimer, etc.)
	$("li#teksten-box-3").click(function(){
		disablePopup();
		var TekstenID = 3;
		var rand = new Date().getTime();
		var post_data = {TekstenID : TekstenID};
		
		makeBoxSelected('teksten-box-3');
		
		disablePreviousPopup(); // disable previous popup if any
		currentLoadingEle = "#div-teksten";
		centerPopup("#div-teksten");
		loadPopup("#div-teksten");
		$("#div-teksten").show(0);
		
		$("#div-teksten").html(strLoading);
		
		$.post("teksten_ajax.php?rand=" + rand, post_data, function(data){
			$("#div-teksten").html(data);
		});
	});
	
	// NJR in de media
	$("#lnk-njr-in-de-media").click(function(){
		var rand = new Date().getTime();
		var post_data = {IndemediaID:'0'};
		disablePreviousPopup(); // disable previous popup if any
		currentLoadingEle = "#div-indemedia";
		makeBoxSelected('lnk-njr-in-de-media');
		centerPopup("#div-indemedia");
		loadPopup("#div-indemedia");
		$("#div-indemedia").show(0);
		
		$("#div-indemedia").html(strLoading);
		
		$.post('indemedia_ajax.php?rand=' + rand, post_data, function(data){
			$("#div-indemedia").html(data);
		});
	});

	// Bestuur
	$("#lnk-bestuur").click(function(){
		var rand = new Date().getTime();
		var post_data = {BestuurID : '0'};
		disablePreviousPopup(); // disable previous popup if any
		currentLoadingEle = "#div-bestuur";
		makeBoxSelected('lnk-bestuur');
		centerPopup("#div-bestuur");
		loadPopup("#div-bestuur");
		$("#div-bestuur").show(0);
		
		$("#div-bestuur").html(strLoading);
		
		$.post('bestuur_ajax.php?rand=' + rand, post_data, function(data){
			$("#div-bestuur").html(data);
		});
	});
	
	// Vertegenwoordigers
	$("#lnk-vertegenwoordigers").click(function(){
		var rand = new Date().getTime();
		var post_data = {VertegenwoordigerID : '0'};
		disablePreviousPopup(); // disable previous popup if any
		currentLoadingEle = "#div-vertegenwoordigers";
		makeBoxSelected('lnk-vertegenwoordigers');
		centerPopup("#div-vertegenwoordigers");
		loadPopup("#div-vertegenwoordigers");
		$("#div-vertegenwoordigers").show(0);
		
		$("#div-vertegenwoordigers").html(strLoading);
		
		$.post('vertegenwoordigers_ajax.php?rand=' + rand, post_data, function(data){
			$("#div-vertegenwoordigers").html(data);
		});
	});
	
	// helden
	$("#njr-helden-up").click(function(){
		var rand = new Date().getTime();
		var post_data = {HeldenID : '0'};
		disablePreviousPopup(); // disable previous popup if any
		currentLoadingEle = "#div-helden";
		makeBoxSelected('njr-helden-up');
		centerPopup("#div-helden");
		loadPopup("#div-helden");
		$("#div-helden").show(0);
		
		$("#div-helden").html(strLoading);
		
		$.post('helden_ajax.php?rand=' + rand, post_data, function(data){
			$("#div-helden").html(data);
		});
	});
	
	$("#njr-helden-bottom").click(function(){
		var rand = new Date().getTime();
		var post_data = {HeldenID : '0'};
		disablePreviousPopup(); // disable previous popup if any
		currentLoadingEle = "#div-helden";
		makeBoxSelected('njr-helden-up');
		centerPopup("#div-helden");
		loadPopup("#div-helden");
		$("#div-helden").show(0);
		
		$("#div-helden").html(strLoading);
		
		$.post('helden_ajax.php?rand=' + rand, post_data, function(data){
			$("#div-helden").html(data);
		});
	});
	
	// helden details
	$("a[id^=lnk-helden-id-]").click(function(){
		var HeldenID = this.id.substring(14);
		var rand = new Date().getTime();
		var post_data = {HeldenID : HeldenID, page_page : 1};
		
		disablePreviousPopup(); // disable previous popup if any
		currentLoadingEle = "#div-helden";
		makeBoxSelected('njr-helden-up');
		centerPopup("#div-helden");
		loadPopup("#div-helden");
		$("#div-helden").show(0);
		
		$("#div-helden").html(strLoading);
		
		$.post("helden_ajax.php?rand=" + rand, post_data, function(data){
			$("#div-helden").html(data);
		});
	});
	
	$("#lnk-vacatures").click(function(){
		disablePopup();
		var rand = new Date().getTime();
		var _get_sub = $("#_get_sub").val();
		var post_data = {vacaturenid : '0', sub : _get_sub};
		disablePreviousPopup(); // disable previous popup if any
		currentLoadingEle = "#div-vacatures";
		makeBoxSelected('lnk-vacatures');
		centerPopup("#div-vacatures");
		loadPopup("#div-vacatures");
		$("#div-vacatures").show(0);
		
		var top = document.documentElement.clientHeight / 2 - 501 / 2;
		var left = document.documentElement.clientWidth / 2 - 758 / 2;
		
		var strNewLoading = '<div style="background-color: #fff;height:501px;width:758px;left:0px;position:relative;top:0px;z-index:3;">' + strLoading + '</div>';
		$("#div-vacatures").html(strLoading);
		
		$.post('vacature_ajax.php?rand=' + rand, post_data, function(data){
			$("#div-vacatures").html(data);
		});
	});
	
	// organisatie details
	$("a[id^=lnk-organisatie-id-]").click(function(){
		disablePopup();
		var organisatieid = this.id.substring(19);
		var rand = new Date().getTime();
		var post_data = {organisatieid : organisatieid};
		
		disablePreviousPopup(); // disable previous popup if any
		currentLoadingEle = "#div-lidorganisatie";
		centerPopup("#div-lidorganisatie");
		loadPopup("#div-lidorganisatie");
		$("#div-lidorganisatie").show(0);
		
		$("#div-lidorganisatie").html(strLoading);
		
		$.post("lidorganisatie_ajax.php?rand=" + rand, post_data, function(data){
			$("#div-lidorganisatie").html(data);
		});
	});
	
	// organisatie details
	$("a[id^=lnk-organisatie-txt-id-]").click(function(){

		disablePopup();

		var organisatieid = this.id.substring(23);

		var rand = new Date().getTime();

		var post_data = {organisatieid : organisatieid};

		

		disablePreviousPopup(); // disable previous popup if any

		currentLoadingEle = "#div-lidorganisatie";

		centerPopup("#div-lidorganisatie");

		loadPopup("#div-lidorganisatie");

		$("#div-lidorganisatie").show(0);

		

		$("#div-lidorganisatie").html(strLoading);

		

		$.post("lidorganisatie_ajax.php?rand=" + rand, post_data, function(data){

			$("#div-lidorganisatie").html(data);

		});

	});

	

	// project details

	$("a[id^=lnk-project-id-]").click(function(){

		disablePopup();

		var ProjectID = this.id.substring(15);

		var rand = new Date().getTime();

		var post_data = {ProjectID : ProjectID};

		

		disablePreviousPopup(); // disable previous popup if any

		currentLoadingEle = "#div-project";

		centerPopup("#div-project");

		loadPopup("#div-project");

		$("#div-project").show(0);

		

		$("#div-project").html(strLoading);

		

		$.post("project_ajax.php?rand=" + rand, post_data, function(data){

			$("#div-project").html(data);

		});

	});

	

	// project details

	$("a[id^=lnk-project-txt-id-]").click(function(){

		disablePopup();

		var ProjectID = this.id.substring(19);

		var rand = new Date().getTime();

		var post_data = {ProjectID : ProjectID};

		

		disablePreviousPopup(); // disable previous popup if any

		currentLoadingEle = "#div-project";

		centerPopup("#div-project");

		loadPopup("#div-project");

		$("#div-project").show(0);

		

		$("#div-project").html(strLoading);

		

		$.post("project_ajax.php?rand=" + rand, post_data, function(data){

			$("#div-project").html(data);

		});

	});

	

	// event details

	$("a[id^=lnk-event-id-]").click(function(){

		disablePopup();

		var EvenementenID = this.id.substring(13);

		var rand = new Date().getTime();

		var post_data = {EvenementenID : EvenementenID};

		

		disablePreviousPopup(); // disable previous popup if any

		currentLoadingEle = "#div-evenementen";

		centerPopup("#div-evenementen");

		loadPopup("#div-evenementen");

		$("#div-evenementen").show(0);

		

		$("#div-evenementen").html(strLoading);

		

		$.post("event_ajax.php?rand=" + rand, post_data, function(data){

			$("#div-evenementen").html(data);

		});

	});

	

	// event details

	$(".lnk-nieuwsbrief").click(function(){

		disablePopup();

		var post_data = {};

		var rand = new Date().getTime();

		

		disablePreviousPopup(); // disable previous popup if any

		currentLoadingEle = "#div-nieuwsbrief";

		centerPopup("#div-nieuwsbrief");

		loadPopup("#div-nieuwsbrief");

		$("#div-nieuwsbrief").show(0);

		

		$("#div-nieuwsbrief").html(strLoading);

		

		$.post("nieuwsbriefformulier.php?rand=" + rand, post_data, function(data){

			$("#div-nieuwsbrief").html(data);

		});

	});

	

	$(".lnk-indemediapersberichten-footer").click(function(){

		disablePopup();

		var post_data = {};

		var rand = new Date().getTime();

		

		disablePreviousPopup(); // disable previous popup if any

		

    	currentLoadingEle = "#div-indemediapersberichten";

		centerPopup("#div-indemediapersberichten");

		loadPopup("#div-indemediapersberichten");

		

		$("#div-indemediapersberichten").show(0);

		

		$("#div-indemediapersberichten").html(strLoading);

		

		$.post("persberichten.php?rand=" + rand, post_data, function(data){

			$("#div-indemediapersberichten").html(data);

		});

	});

	

	$(".lnk-indemediapersberichten-footer").click(function(){

		disablePopup();

		var post_data = {};

		var rand = new Date().getTime();

		

		disablePreviousPopup(); // disable previous popup if any

		

    	currentLoadingEle = "#div-indemediapersberichten";

		centerPopup("#div-indemediapersberichten");

		loadPopup("#div-indemediapersberichten");

		

		$("#div-indemediapersberichten").show(0);

		

		$("#div-indemediapersberichten").html(strLoading);

		

		$.post("persberichten_ajax.php?rand=" + rand, post_data, function(data){

			$("#div-indemediapersberichten").html(data);

		});

	});


	// foto details
	$("a[id^=lnk-foto-id-]").click(function(){
		disablePopup();
		
		var FotoID = this.id.substring(12);
		var CatID = $("#_CAT_ID_").val();
		var rand = new Date().getTime();
		var post_data = {FotoID : FotoID, CatID : CatID};
		
		disablePreviousPopup(); // disable previous popup if any
		currentLoadingEle = "#div-fotoalbum";
		centerFotoPopup("#div-fotoalbum");
		loadPopup("#div-fotoalbum");
		$("#div-fotoalbum").show(0);
		
		$("#div-fotoalbum").html(strLoading);
		
		$.post("foto_ajax.php?rand=" + rand, post_data, function(data){
			$("#div-fotoalbum").html(data);
		});
	});
	
	// search
	$("#btn_seach_submit").click(function(){
		disablePopup();
		
		var Criteria = $("#search_criteria").val();
		if(Criteria == "" || Criteria == 'IK ZOEK'){
			alert("Geef een zoekwaarde aan");
			return false;
		}
		else{
			var rand = new Date().getTime();
			var post_data = {Criteria : escape(Criteria)};
			
			currentLoadingEle = "#div-search";
			centerFotoPopup("#div-search");
			loadPopup("#div-search");
			$("#div-search").show(0);
			
			$("#div-search").html(strLoading);
			
			$.post("search_ajax.php?rand=" + rand, post_data, function(data){
				$("#div-search").html(data);
			});
		}
	});
	
	$(".lnk-printlayover").click(function(){
		var strToPrint = $("#_TextToPrint").val();
		if(strToPrint != ""){
			printNow(strToPrint);
		}
	});
	
	$(".popupContactClose").click(function(){
		disablePopup();
	});
	
	$("#backgroundPopup").click(function(){
		disablePopup();
	});
	
	$(document).keypress(function(e){
		if(e.keyCode == 27 && popupStatus == 1){
			disablePopup();
		}
	});
});