// word gebruikt om voor enkele sites met iframes scrollbars te gebruiken
var blnUseScrollbar = false;
var intDialogWidth = 600;
var blnShowBlackbackground = true;
var blnDraggable = true;
var blnResizable = true;
var blnUseSelectboxes = false;

$(function(){
	
	zetVerplichteveldenSterretjes();
	initPrettyCheckboxes();
	
	$('span.information').qtip({
		style: {
			background: '#fdfaca',
			color: '#6e6b40',
			border: {
					width: 1,
					radius: 1,
					color: '#e9e274'
			 }			 
		},
		position: {
      corner: {
         target: 'bottomRight',
         tooltip: 'topLeft'
      }
    }
	});	
	
	$('.radio').focus(function(){
		var value
		var verplicht
		
		if($(this).attr('checked')){ value = 'true' }
		else{ value = '' }
		
		var div = $(this).attr('onblur') + ""
		div = div.substr(div.length-9, div.length).substr(0, 4); 
		
		//Bij een gecheckte radiobutton word de value true en moet het kruisje rood worden.
		invoerControle($(this).attr('name'), {'value':value}, div);		
	});
	
	//instellingen dialog Vacature zoeken meer informatie
	$("#dialog").dialog({ 
		autoOpen: false,
		width: intDialogWidth,
		height: 'auto',
		position: 'top',
		show: 'blind',
		hide: 'blind',
		modal: false,
		resizable: blnResizable,
		draggalbe : blnDraggable,
		open: function(){
			if(blnShowBlackbackground)
			{
				$('.black-background').show();
			}
		},
		close: function(){
			if(blnShowBlackbackground)
			{
				$('.black-background').hide();
			}
		}
	});
	
	$('.datetime').datepicker({
		dateFormat : 'dd-mm-yy'
	});
		
	setTooltip();
	
});


function vacaturesGevondenIndicatie(blnResults)
{
	var vacatureResults = $('#vacatureResults');									
	var aantalVacaturesSpan = $('span.aantalVacatures');			
	
	$('#strActie').val('vacaturesGevondenIndicatie');
	
	$.ajax({
		type: 		'GET',
		url: 			'/includes_forms/AJAX/ajax-request-handler.asp',
		data:			$('#zoekvacatureformulier').serialize(),
		success:	function(data){
			aantalVacaturesSpan.text(data);
			
			if(data == "0"){
				vacatureResults.hide();											
			}
			else{
				vacatureResults.show();																						
			}
		}
	});
	
	if (blnResults == 'nee') {
			$('#vacaturesGevondenDiv').html('');
	}
	
	if (blnResults == 'showVacatures') {
		$('#strActie').val('showVacatures');
		$.ajax({
			type: 		'GET',
			url: 			'/includes_forms/AJAX/ajax-request-handler.asp',
			data:			$('#zoekvacatureformulier').serialize(),
			success:	function(msg)	{
				$('#vacaturesGevondenDiv').html(msg);				
				
				// Zie decleration voor meer info
				if(blnUseScrollbar)
				{
					var scrollDiv = $('#vacaturesGevondenDiv')
					scrollDiv.tinyscrollbar();
				}
			}
		});
	}	
	
	return false;
}

	//Click actie vrwijwilliger reageer
function showVrijwilliger(intVrijwilligerID, intFormulierCentraleID){
		
		$.ajax({
			type: 		'POST',
			url: 			'/includes_forms/AJAX/ajax-request-handler.asp',
			data:			'strAktie=reactieFormulier&intVrijwilligerID='+intVrijwilligerID+'&intFormulierCentraleID='+intFormulierCentraleID, 
			success:	function(msg)
			{
				$('#dialog').html(msg);	
				$('#dialog').dialog('option', 'title', '<strong>Vrijwilliger: ' + intVrijwilligerID + '</strong>');
				$('#dialog').dialog('open');																	
			}
		});							
}

function showVacature(intVacatureID, intFormulierCentraleID, strVacatureTitle){
		//Click actie vacature zoeken meer informatie
		$.ajax({
			type: 		'POST',
			url: 			'/includes_forms/AJAX/ajax-request-handler.asp',
			data:			'strAktie=vacatureDetail&intVacatureID='+intVacatureID+'&intFormulierCentraleID='+intFormulierCentraleID, 
			success:	function(msg)
			{
				$('#dialog').html(msg);
				$('#dialog').dialog('option', 'title', '<strong>' + strVacatureTitle + '</strong>');
				$('#dialog').dialog('open');				
			}
		});
}

function vacatureReageer(intVacatureID, strVraagt, intFormulierCentraleID){
			
		$.ajax({
			type: 		'POST',
			url: 			'/includes_forms/AJAX/ajax-request-handler.asp',
			data:			'strAktie=reactieFormulier&intVacatureID='+intVacatureID+'&intFormulierCentraleID=' + intFormulierCentraleID + '&strVraagt='+strVraagt, 
			success:	function(msg){
																$('#dialog').html(msg);																				
															}
		});	
}

function closeDialog(){
	$('#dialog').dialog('close');
}

function reageerVerzenden(){
	//Ajax call voor reactie formulier	
		$.ajax({
			type: 		'POST',
			url: 			'/includes_forms/AJAX/ajax-request-handler.asp',
			data:			$('#contactform').serialize(), 
			success:	function(msg)
			{
				if(msg == "SEND"){
					closeDialog();
				}else{
					$('#dialog').html(msg);						
				}
			}
		});	
}

function wijkGevondenIndicatie(blnWijken, blnGemeente)
{
	var strPostcode;
	strPostcode = $('#POSTCODE').val().substr(0, 4);
	
	if (blnWijken == true) {
			$.ajax({
				type:		'POST',
				url:		'/includes_forms/AJAX/ajax-request-handler.asp',
				data: 	'strAktie=toonWijk&strPostcode='+strPostcode,
				success:function(msg){
										$('#wijkenGevondenDiv').html(msg);						
								}
			});
	}
	
	if (blnGemeente == true) {
			$.ajax({
				type:		'POST',
				url:		'/includes_forms/AJAX/ajax-request-handler.asp',
				data: 	'strAktie=toonGemeente&strPostcode='+strPostcode,
				success:function(msg){
										$('#gemeenteGevondenDiv').html(msg);						
								}
			});
	}
		
	return false;
}

function invoerControle(veldnaam, veldwaardes, verplichtVeld){
	var validatieEl = $('#'+veldnaam+'-validatie');
	var veldwaarde = veldwaardes.value;
	var verplicht = verplichtVeld;
	
	$.ajax({
			url: "/includes_forms/AJAX/vrijwilligers-form-handler.asp"
			, data:{strActie:'veld-controle', strVeld:veldnaam, strValue:veldwaarde, strVerplicht:verplicht}
			, type:"POST"
			, dataType:"html"
			, beforeSend: function(XMLHttpRequest){
					if(validatieEl!=undefined){
						validatieEl.removeClass();						
					}
				}
			, success: function(data, textStatus, XMLHttpRequest)
			{
				handleValidationSuccess(validatieEl, data);				
			}
		});	
}

function invoerControleMeerdereValues(veldnaam, veldwaarde1, veldwaarde2, verplichtVeld){
	var validatieEl = $('#'+veldnaam+'-validatie');
	var veldwaarde1 = veldwaarde1.value;
	var veldwaarde2 = veldwaarde2.value;
	var verplicht = verplichtVeld;			
	
	$.ajax({
			url: "/includes_forms/AJAX/vrijwilligers-form-handler.asp"
			, data:{strActie:'veld-controle-meerderevalues', strVeld:veldnaam, strValue1:veldwaarde1, strValue2:veldwaarde2, strVerplicht:verplicht}
			, type:"POST"
			, dataType:"html"
			, beforeSend: function(XMLHttpRequest){
					if(validatieEl!=undefined){
						validatieEl.removeClass();						
					}
				}
			, success: function(data, textStatus, XMLHttpRequest)
			{
				handleValidationSuccess(validatieEl, data);
			}
		});
}
/* Afhandeling van success ajax call, voorkomen dubbele code */
function handleValidationSuccess(validatieEl, data)
{
	if(validatieEl!=undefined){
							
		validatieEl.removeClass();
		
		if(data=="OK"){
			validatieEl.html('&nbsp;');
			validatieEl.addClass('ingevuld'); 
			$('span.ingevuld').attr('title', '');
			$('span.ingevuld').qtip('destroy');
		}
		else if(data=="SESSIE_VERLOPEN"){
			window.location = "/PROCESSITVWFORM/";
		}
		else if(data!=""){
			validatieEl.addClass('hulptekst'); 
			validatieEl.attr('title', data);	
			setTooltip();			
		}
		else{
			validatieEl.html('');								
		}
	}							
}

function initPrettyCheckboxes(){
	$('input[type=checkbox],input[type=radio]').prettyCheckboxes(); 	
}

function zetVerplichteveldenSterretjes()
{
	$('.textfield_normal[onblur*="True"]').prev().append('<span class="verplicht">&nbsp;*</span>');
	$('.textfield_three[onblur*="True"]').prev().append('<span class="verplicht">&nbsp;*</span>');
	$('.textfield_small[onblur*="True"]').prev().append('<span class="verplicht">&nbsp;*</span>');
	$('.select_normal[onblur*="True"]').prev().append('<span class="verplicht">&nbsp;*</span>');
	$('.textarea_large[onblur*="True"]').parent().prev().children().append('<span class="verplicht">&nbsp;*</span>');
	$('.textarea_normal[onblur*="True"]').prev().append('<span class="verplicht">&nbsp;*</span>');
	$('.textarea_normal_small[onblur*="True"]').prev().prev().append('<span class="verplicht">&nbsp;*</span>');
	$('.textarea_normal_small[onblur*="True"]').prev().append('<span class="verplicht">&nbsp;*</span>');
	$('[type="radio"][onblur*="True"]').parent().parent().prev().append('<span class="verplicht">&nbsp;*</span>');
	$('[type="checkbox"][onblur*="True"]').parent().parent().prev().append('<span class="verplicht">&nbsp;*</span>');
}



function vrijwilligersGevondenIndicatie(blnResults)
{
	$('#strActie').val('vrijwilligersGevondenIndicatie');
	
	$.ajax({
		type: 		'GET',
		url: 			'/includes_forms/AJAX/ajax-request-handler.asp',
		data:			$('#zoekvrijwilligerformulier').serialize(),
		success:	function(msg){$('#vrijwilligersGevondenIndicatieDiv').html(msg);}
	});
	
	if (blnResults == 'nee') {
			$('#vrijwilligersGevondenDiv').html('');
	}
	
	if (blnResults == 'showVrijwilligers') {
		$('#strActie').val('showVrijwilligers');
		$.ajax({
			type: 		'GET',
			url: 			'/includes_forms/AJAX/ajax-request-handler.asp',
			data:			$('#zoekvrijwilligerformulier').serialize(),
			success:	function(msg)	{$('#vrijwilligersGevondenDiv').html(msg);}
		});
	}
		
	return false;
}

function setTooltip(){
	$('span.hulptekst').qtip({
		style: {
			background: '#f6d7d8',
			color: '#ee1b22',
			border: {
					width: 1,
					radius: 1,
					color: '#ee1b22'
			 }			 
		},
		position: {
			corner: {
				 target: 'topLeft',
				 tooltip: 'bottomRight'
			}
		}
	});	

	$('span.uitlegtekst').qtip({
		style: {
			background: '#a2bedb',
			color: '#30498a',
			border: {
					width: 1,
					radius: 1,
					color: '#30498a'
			 }
		},
		position: {
      corner: {
         target: 'topLeft',
         tooltip: 'bottomRight'
      }
    }
	});	
}

// function print(){

	 // var div = $('#dialog');
	 // div.find('.print').remove();
	
	 // w=window.open();
	 // w.document.write(div.html());
	 // w.print();	
// }

function ToonMeerInfoMetVacatureID(intVacatureID, intFormulierCentraleID){

		$.ajax({
			type: 		'POST',
			url: 			'/includes_forms/AJAX/ajax-request-handler.asp',
			data:			'strAktie=vacatureDetail&intVacatureID='+intVacatureID+'&intFormulierCentraleID='+intFormulierCentraleID, 
			success:	function(msg)
			{
				$('#dialog').html(msg);																
				$('#dialog').dialog('option', 'title', '<strong>Vacature: ' + intVacatureID + '</strong>');
				$('#dialog').dialog('open');				
			}
		});

}

function ToonOrganisaties(strLetter)
{
	$.ajax({
		type: 		'POST',
		url: 			'/includes_forms/AJAX/ajax-request-handler.asp',
		data:			'strAktie=organisaties&strLetter=' + strLetter, 
		success:	function(msg)
		{
			$('#organisatie-lijst').html(msg);																						
		}
	});	
}