$(document).ready(function() {

	$("#wie").click(function() {
		$(".verhaal1").hide();
		$(".verhaal2").hide();
		$(".verhaal3").hide();
		$(".verhaal1").show();
	});
	$("#werkwijze").click(function() {
		$(".verhaal1").hide();
		$(".verhaal2").hide();
		$(".verhaal3").hide();
		$(".verhaal2").show();
	});
	$("#service").click(function() {
		$(".verhaal1").hide();
		$(".verhaal2").hide();
		$(".verhaal3").hide();
		$(".verhaal3").show();
	});

	// Verberg alle afwerkingen, en toon default
	if($('#group_3').html() != null) {
		hideAfwerking();
		$value = $('#group_3')[0].value;
		$("#"+$value).show();
	}



	$("#group_3").change(function() {

		hideAfwerking();

		$value = $('#group_3')[0].value;
		$("#"+$value).show();
	});

 });



function hideAfwerking() {

		$("#18").hide();
		$("#19").hide();
		$("#20").hide();
		$("#57").hide();
		$("#66").hide();
		$("#68").hide();
		$("#69").hide();
		$("#70").hide();
		$("#71").hide();
		$("#72").hide();
		$("#76").hide();
		$("#116").hide();
		$("#152").hide();
		$("#189").hide();
		$("#202").hide();
		$("#216").hide();
		$("#217").hide();
		$("#240").hide();
		$("#241").hide();
		$("#248").hide();
		$("#253").hide();
		$("#256").hide();
		$("#257").hide();
		$("#260").hide();
		$("#261").hide();
		$("#262").hide();
		$("#280").hide();
		$("#288").hide();
		$("#305").hide();
		$("#314").hide();
		$("#315").hide();
		$("#317").hide();
		$("#318").hide();
		$("#322").hide();
};