$(document).ready( function() {
	//console.log('hoi');
	$('#agenda div#calendar table').hide();
	//$('#agenda div#calendar.active table').show();
	$('#agenda div#showactivemonths').hide();
	$('div#calendar table.activecalendar').show();
	
	$('div#showprevmonths').click(function() {
		$(this).hide();
		$('div#shownextmonths').show();
		$('div#showactivemonths').show();
		$('div#calendar table:lt(3)').show();
		$('div#calendar table:gt(3)').hide();		
		$('div#calendar table.activecalendar').hide();
		return false;
	});

	$('div#shownextmonths').click(function() {
		$(this).hide();
		$('div#showprevmonths').show();
		$('div#showactivemonths').show();
		$('div#calendar table:lt(3)').hide();
		$('div#calendar table:gt(3)').show();
		$('div#calendar table.activecalendar').hide();
		return false;
	});
	
	$('div#showactivemonths').click(function() {
		$('div#calendar table').hide();
		$('div#showactivemonths').hide();
		$('div#calendar table.activecalendar').show();
		$('div#shownextmonths').show();
		$('div#showprevmonths').show();
		return false;
	});
	
	$('a#toonvolledig').click( function() {
		$(this).addClass('active');
		$('a#toonvooruitzicht').removeClass('active');		
		$('div#calendar').removeClass('active');
		$('div#calendar_full').addClass('active');
		return false;
	});

	$('a#toonvooruitzicht').click( function() {
		$(this).addClass('active');
		$('a#toonvolledig').removeClass('active');		
		$('div#calendar_full').removeClass('active');
		$('div#calendar').addClass('active');
		return false;
	});
	
	
});