$(function() {
			$('button, input:submit').button();
	
		$.ajaxSetup({cache: false});
	
		autosize($('textarea'));

		$('.select2').select2({dropdownAutoWidth: 'true'});

	
		$(".helpbutton").click(function(event) {
		event.preventDefault();
		$(this).parents().next("div.hidehelp, div.showhelp").slideToggle(200);
	});

		$(".closebutton").click(function(event) {
		event.preventDefault();
		$(this).parents("div.hidehelp, div.showhelp").slideToggle(200);
	});

		$('.datum').datepicker({
		showWeek: true,
		showOtherMonths: true,
		selectOtherMonths: true,
		changeMonth: true,
		changeYear: true,
		autoSize: true,
		//	numberOfMonths: 2,
		showOn:'both',
		buttonImage: '/Classes/images/icon_kalender.png',
		buttonImageOnly: true,
		buttonText: 'Open de kalender om een datum te kiezen'
	});

		var dates = $('.datumvan, .datumtot').datepicker({
		showWeek: true,
		showOtherMonths: true,
		selectOtherMonths: true,
		changeMonth: true,
		changeYear: true,
		autoSize: true,
		showOn:'both',
		buttonImage: '/Classes/images/icon_kalender.png',
		buttonImageOnly: true,
		buttonText: 'Open de kalender om een datum te kiezen',
		onSelect: function(selectedDate) {
			var option = this.id === 'datumvan' ? 'minDate' : 'maxDate',
				instance = $(this).data('datepicker'),
				date = $.datepicker.parseDate(instance.settings.dateFormat || $.datepicker._defaults.dateFormat, selectedDate, instance.settings);
			dates.not(this).datepicker('option', option, date);
			$('form[name="weergave"]').submit();
		}
	});

		$('.actuele_tijd').click(function(event) {
		event.preventDefault();
		$.ajax({
			url: 'ajax/ajax_servertime.php',
			dataType: 'json',
			cache: false,
			context: this, 			success: function (data) {
				$(this).parent().find('.tijd').val(data.serverTime);
				$(this).parent().find('.datum').val(data.serverDate);
			}
		});
	});

		$('form').submit(function(e) {
		var form = $(this);
		if (form.data('submitted') === true) {
			e.preventDefault();
		} else {
			form.data('submitted', true);
			window.setTimeout(function() {
				$('form').data('submitted', false);
			}, 2000); // Na 2 seconde submit weer toestaan
		}
	});
	
		$('.multipleselect').multipleSelect({
		selectAll: true,
		filter: true,
		placeholder: 'Alles weergeven',
		onClose: function () {
			$('form[name="weergave"]').submit();
		},
		formatSelectAll: function () { return 'Alles selecteren'; },
		formatCountSelected: function () { return '# van % geselecteerd'; },
		formatAllSelected: function () { return 'Alles geselecteerd'; },
		maxHeight: '450'
	});

		$.extend($.ui.dialog.prototype.options, { 
		create: function() {
			var $this = $(this);
			$this.parent().find('.ui-dialog-buttonpane button:first').focus();
			$this.keypress(function(e) {
				if(e.keyCode == $.ui.keyCode.ENTER && !$(e.target).is('textarea')) {
					$this.parent().find('.ui-dialog-buttonpane button:first').click();
					return false;
				}
			});
		}
	});

		$(".toggle-password").click(function() {
		var field = $(this).prev();
		if (field.attr("type") == "password") {
			field.attr("type", "text");
		} else {
			field.attr("type", "password");
		}
	});
});

function dialog_alert(message) {
	$('<p>' + message + '</p>').dialog({
		resizable: false,
		modal: true,
		width: 500,
		title: 'Melding',
		buttons: {
			'Ok': function() {
				$(this).dialog('close');
			}
		}
	});
}

function decision(message, url) {
	$('<p>' + message + '</p>').dialog({
		resizable: false,
		modal: true,
		width: 500,
		title: 'Melding',
		buttons: {
			'Ok': function() {
				location.href = url;
			},
			'Terug': function() {
				$(this).dialog('close');
			}
		}
	});
}

function decision_functie_bewerking(message, nr, bewerking) {
	$('<p>' + message + '</p>').dialog({
		resizable: false,
		modal: true,
		width: 500,
		title: 'Melding',
		buttons: {
			'Ok': function() {
				document.save.bewerking.value = bewerking;
				document.save.bewerkingnr.value = nr;
				$('form[name="save"]').submit();
			},
			'Terug': function() {
				$(this).dialog('close');
			}
		}
	});
}


var loaded = false;
$(window).load(function() { loaded = true; });
function functie_bewerking(nr, bewerking) {
	if (loaded) {
		document.save.bewerking.value = bewerking;
		document.save.bewerkingnr.value = nr;
		$('form[name="save"]').submit();
	}
}

function enter_save(e) {
	var keynum;
		if (window.event) {
		keynum = e.keyCode;
		} else if(e.which) {
		keynum = e.which;
	}
		if (keynum === 13) {
		$('form[name="save"]').submit();
	}
}

function enter_save_bewerking(e, nr, bewerking) {
	var keynum;
		if (window.event) {
		keynum = e.keyCode;
		} else if(e.which) {
		keynum = e.which;
	}
		if (keynum === 13) {
		document.save.bewerking.value = bewerking;
		document.save.bewerkingnr.value = nr;
		$('form[name="save"]').submit();
	}
}

function refresh2() {
	document.save_bereken.meters.value = 0;
	$('form[name="save"]').submit();
}



(function($) {
	$.fn.applyAutocomplete = function() {
		var parent_obj = this;
		this.find('.postcode').keyup(function() {
			autocomplete(parent_obj);
		});
				this.find('.streetnumber').blur(function() {
			autocomplete(parent_obj);
		});
	};

	function autocomplete(obj) {
		var land = obj.find('#land').val();
		if (land === 'Nederland' || !land) {
			var postcode = obj.find('.postcode').val();
			var streetnumber = obj.find('.streetnumber').val();
			if (/[0-9]{4,4}\s?[a-zA-Z]{2,2}/.test(postcode)) {
				obj.find('.spinner').show();
				$.getJSON("https://api.pro6pp.nl/v1/autocomplete?auth_key=tpQdJGNZtPiBysZc&nl_sixpp=" + postcode + "&streetnumber=" + streetnumber + "&callback=?", function(data)
				{
					fillin(obj, data);
				});
			} else if (postcode.length > 0) {
				obj.find('.street').val("");
				obj.find('.city').val("");
				obj.find('.message').html("");
				obj.find('.spinner').hide();
			}
		}
	}

	function fillin(obj, json) {
		obj.find('.spinner').hide();
		if (json.status === 'ok') {
			if (json.results.length === 0) {
				obj.find('.message').html("Postcode niet gevonden. Geef het adres handmatig in.<br />");
			} else {
				var street = obj.find('.street');
				street.val(json.results[0].street);
				var city = obj.find('.city');
				city.val(json.results[0].city);
				obj.find('.message').html("");
			}
		} else {
			obj.find('.message').html("Postcode niet gevonden. Geef het adres handmatig in.<br />");
		}
	}
})(jQuery);