$(document).ready(function(){
	var toggleSpeed = 100;
	$('[class*=slider]').hide();
	$('[class*=toggler]').each(function(){
		if(!$(this).hasClass('no-icon')) {
			$(this).addClass('toggler-closed');
		}
	});
	$('[class*=toggler]').click(function(e){
		e.preventDefault();
		if(!$(this).hasClass('no-icon')) {
			if($(this).parents().next('[class*=slider]').is(':hidden')) {
				$(this).removeClass('toggler-closed');
				$(this).addClass('toggler-opened');
			}
			if($(this).parents().next('[class*=slider]').is(':visible')) {
				$(this).addClass('toggler-closed');
				$(this).removeClass('toggler-opened');
			}
		}
		var elId = $(this).attr('id');
		if(elId!='') {
			if($('#' + elId + '-slider').length > 0) {
				$('#' + elId + '-slider').toggle(toggleSpeed);
			} else {
				console.log("The element '" + elId + "-slider' does not exists.");
			}
		} else {
			$(this).parents().next('[class*=slider]').toggle(toggleSpeed);
		}
	});
});
function setNumbers(el,element,selected) {
	populateNumbers($(el).val(),element,selected);
}
function populateNumbers(id,element,selected) {
	$.getJSON("/json_select.php", { id: id }, function(data){
		$('#' + element).empty();
		$('#' + element).append($(document.createElement("option")).attr('value','').text('--selecteer--'));
		$.each(data,function(el) {
			var option = $(document.createElement("option")).attr('value',el).text(data[el]);
			if(el==selected) {
				option.attr('selected','selected');
			}
			$('#' + element).append(option);
		});
	});

}
function setLocation(el,element) {
	if($('#' + element)) {
		var val1 = $('#' + element).val();
		var val2 = $(el).val();
		window.location.href = "/inhoud/" + val1 + '-' + val2 + '.html';
	}
}


function populateJaargangen(element,selected) {
	$.getJSON("/json_selectJaargang.php", { }, function(data){
		$('#' + element).empty();
		//$('#' + element).append($(document.createElement("option")).attr('value','').text('--selecteer--'));
		$.each(data,function(el) {
			var option = $(document.createElement("option")).attr('value',el).text(data[el]);
			if(el==selected) {
				option.attr('selected','selected');
			}
			$('#' + element).append(option);
		});
	});

}