$(document).ready(function () {
	// thumbnails resizen wanneer deze te groot zijn...
    $(".thumb img").each(function(index) {
		width  = $(this).width();
		height = $(this).height();
		ratio = width / height;
		if(width > 150) {
			width  = 150;
			height = width/ratio
			}
		if(height > 150) {
			height = 150;
			width  = height*ratio;
			}
		if(width > 10 && width < 150 && height > 10 && height < 150) {
			$(this).width(width);
			$(this).height(height);
			}
		});
	// Alle instituten met meer dan 5 opleidingen, alleen eerste 5 laten zien.
    $(".brochures").each(function(index) {
		num = $(this).children().size();
		if(num > 5) {
			// deze brochure is 'te groot'
			$(this).children().slice(5).hide();
			//$(this).children(':last').after("<li class='link'><a onclick=' $(this).parent().parent().children(\":not(.link)\").slice(5).slideToggle(); return false;'>Klik voor de overige "+ (num-5) +" opleiding(en)</a></li>");
			$(this).children(':last').after("<li class='link'><a onclick='slide(this); return false;'>Klik voor de overige "+ (num-5) +" opleiding(en)</a></li>");
			}
		});
	// en zorgen dat je max 5 opleidingen kunt aanvinken:
	$("input[name=opleiding\\[\\]]").click(function(){ 
		var i = $('input[name=opleiding\\[\\]]:checked').size(); 
		if(i > 5) {
			alert("Er mogen maximaal 5 opleidingen worden geselecteerd.");
			$(this).attr('checked', false);
			}
		});
	});
function slide(target) {
	// uncheck de checkboxes die we gaan verbergen...
	$(target).parent().parent().children(":not(.link)").slice(5).children().attr('checked', false);
	// nu het rijtje weer inklappen.
	$(target).parent().parent().children(":not(.link)").slice(5).slideToggle();
	}