$(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 > 10) {
			// deze brochure is 'te groot'
			$(this).children().slice(10).hide();
			$(this).children(':last').after("<li class='link'><a onclick='slide(this); return false;' class='up' >Klik voor de overige "+ (num-10) +" 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 > 15) {
			alert("Er mogen maximaal 15 opleidingen worden geselecteerd.");
			$(this).attr('checked', false);
			}
		});
	str = $(".design").text();
	$(".design").replaceWith(str);
	});
function slide(target) {
	// uncheck de checkboxes die we gaan verbergen...
	$(target).parent().parent().children(":not(.link)").slice(10).children().attr('checked', false);
	
	// nu het rijtje togglen.
	if($(target).hasClass("up")) {
		$(target).removeClass("up");
		$(target).addClass("down");
		$(target).text("Klik om in te klappen.");
		}
	else {
		$(target).removeClass("down");
		$(target).addClass("up");
		num = $(target).parent().parent().children().size() - 11;
		$(target).text("Klik voor de overige "+ (num) +" opleiding(en)");
		}
	$(target).parent().parent().children(":not(.link)").slice(10).slideToggle();
	}