$(document).ready(function() {
	
	$('.box a')
	.mouseenter(function() {
	// verstop alle tekst divs
	$('.text > div').addClass('hidden');
	// laat de div met dezelfde class als de id van onze a zien
	$('.text > div.' + $(this).attr('id')).removeClass('hidden');

})

	.mouseleave(function() {

	// verstop alle tekst divs
	$('.text > div').addClass('hidden');
	// laat de eerste div zien
	$('#standaardText').removeClass('hidden');

	});

});


// Als de bezoeker met zijn muis over de 3 onderste blokjes heen hovert moet de
// bij horende tekst verschijnen.
// Als de bezoeker van de blokje afgaat mag het standaard tekstje getoond worden.