$(document).ready(function() {
	// Zet de ligthboxes op de kleurenwaaier
	$("[rel=waaiersample]").lightBox(
		{
			fixedNavigation:true,
			imageBtnPrev: '',
			imageBtnNext: '',
			imageBtnClose: '/img/laatzeelandzien/sluiten.jpg',
			imageLoading: ''
		}
	);
});

var selectedColours = new Array();

function selectColour(colour, isInitial) {	

	if(!isInitial)
	{
		// Show/hide links
		$("#link_download_pdf").attr("class", "none");
		$("#link_build_pdf").attr("class", "");
	}

	// Minder dan 3 geselecteerd. We mogen door	
	if (document.getElementById("colour" + colour).checked) {
		if (selectedColours.length <= 3)
			selectedColours.push(colour);
	} else {
		var selected = selectedColours;
		selectedColours = new Array();
		for (var c = 0; c < selected.length; c++) {
			if (document.getElementById("colour" + selected[c]).checked)
				selectedColours.push(selected[c]);
		}
	}

	showSelectedColours();
	enableSelectColours();
}

function showSelectedColours() {
	
	// Laat geselecteerde kleur(en) zien.	
	if (selectedColours.length > 0) {
		$(".kleurenwaaierselected").css("display","block");			
		if (selectedColours.length == 1) {
			$("#selectedcolour1").css("display","none");
			$("#selectedcolour2").css("display","none");
		} else if (selectedColours.length == 2) {
			$("#selectedcolour2").css("display","none");
		}
	} else {
		$(".kleurenwaaierselected").css("display","none");
		$("#selectedcolour0").css("display","none");
		$("#selectedcolour1").css("display","none");
		$("#selectedcolour2").css("display","none");
	}

	for (var c = 0; c < selectedColours.length; c++) {
		$("#selectedcolour" + c).css("background-color","#" + $("#colour"+selectedColours[c]).attr("rel"));
		$("#selectedcolour" + c).css("display","block");
		$("#selectedcolour" + c + ">div.selectedcolourinfo").html($("#colorinfo"+selectedColours[c]).html());
	}

	// Reset de kleuren details. De geopende kleur hoeft niet meer geselecteerd te zijn.
	resetSelectColourInfo();
}

function enableSelectColours() {

	// Vinkjes aan/uit zetten als er meer of minder dan 3 kleuren geselecteerd zijn.
	if (selectedColours.length >= 3) {
		$(".colourcheckbox").each(function(index)
		{
			var name = "colour" + $(this).attr("id").replace(" ", "_").replace("colourbox","");
			var el = document.getElementById(name);
			if (el != null && !el.checked)
				$(this).css("display","none");
		});
	} else {
		$(".colourcheckbox").each(function(index) {
			$(this).css("display","block");
		});
	}
}

function selectColourInfo(who) {

	// Selecteer een kleur, en laat de details van deze kleur zien.
	
	$(".selectedcolourinfo").each(function(index) {
		$(this).css("display","none");
	});
	$(".selectedcolourinfolink").each(function(index) {
		$(this).css("display","block");
	});
	$(".selectedcolour,.selectedcoloursmall,.selectedcolourlarge").each(function(index) {
		if ($(this).attr("id") == "selectedcolour"+who)
			$(this).attr("class","selectedcolourlarge");
		else
			$(this).attr("class","selectedcoloursmall");
	});
	$("#selectedcolour"+who+">div.selectedcolourinfolink").css("display","none");
	$("#selectedcolour"+who+">div.selectedcolourinfo").css("display","block");
}

function resetSelectColourInfo() {

	// Verberg alle details van de geselecteerde kleuren kleur.
	$(".selectedcolour,.selectedcoloursmall,.selectedcolourlarge").each(function(index) {
		$(this).attr("class","selectedcolour");
	});
	$(".selectedcolourinfo").each(function(index) {
		$(this).css("display","none");
	});
	$(".selectedcolourinfolink").each(function(index) {
		$(this).css("display","block");
	});
}