$(function() {


	$(".formbuilder_formpanel input:radio").addClass("noBorder");
	$(".formbuilder_formpanel input:checkbox").addClass("noBorder");
			

/* Zoekformulier */
$('.zoekknop').click(function() {
	searchSubmit($(this));
	return false;
});
var searchSubmit = function(sNode) {
	var theForm = $(sNode).parent();
	var searchInputText = $(theForm).find('input:text');
	var searchInputHidden = $(theForm).find('input:hidden');
	searchTerm = encodeURIComponent(searchInputText.val());
	if (searchTerm.length > 1) {
		$("form").submit(function() { return false });
		var searchUrl = searchInputHidden.val();
		searchUrl += searchTerm;
		window.location = searchUrl;
	} else {
		alert('Vul minstens twee tekens in om te zoeken.');
		return false;
	}
}
$("#zoek input:text").each(function() {
	$(this).keydown(
			function(e) {
				if (e.keyCode == 13) {
					searchSubmit($(this));
					return false;
				}
			}
		);
	$(this).focus(
			function() {
				this.value = '';
				//				this.className = 'zoekveld';
			}
		);
	$(this).blur(
			function() {
				if (this.value == '') {
					this.value = '';
					//					this.className = 'zoekveld';
				}
			}
		)
}
	)

	if (document.body.id == 'homepage')
	{
		initShowCase();
		setShowFadeEventHandlers("#showCase");
	}
});

var initShowCase = function()
{
	var current = $("#showCase .case:first");
	current.find(".item").css("opacity","1")
	$("#showCase .case").each(
		function()
		{
			$("#showCase .case:first").addClass("aktief");
			$(this).hover(
				function()
				{
					current.removeClass("aktief");
					current = $(this);
					$(this).addClass("aktief");
				},
				function() { }
			)
			$(this).click(
				function()
				{
					window.location = $(this).find("a")[0].href;
					return false;
				}
			);
		}
	);
}

function setShowFadeEventHandlers(containerExpression)
{
	// Fade alle contentgebieden instant uit en verwijder alle active classes
	$(containerExpression+" .item").fadeOut(0);
	$(containerExpression+" .item").removeClass("active");
	$(containerExpression+" .case").removeClass("active");
	
	// Fade content 1 in en voeg een class active toe
	$(containerExpression+" .item:eq(0)").fadeIn(400);
	$(containerExpression+" .item:eq(0)").addClass("active");
	$(containerExpression+" .case:eq(0)").addClass("active");
	
	// Voeg hover event handlers toe aan de navigaties
	$(containerExpression+" .case").each(function()
	{
		$(this).hover(function()
		{
			// Controleer of de betreffende content al is ingefade, zo niet ga verder
			if (!$(this).next(".item:eq(0)").hasClass("active"))
			{
				// Breng alle lopende animaties op de content elementen instant naar hun eindpositie
				$(containerExpression+" .item").stop(true,true);
				
				// Fade alle contentgebieden uit en verwijder alle active classes
				$(containerExpression+" .item").fadeOut(400);
				$(containerExpression+" .item").removeClass("active");
				$(containerExpression+" .case").removeClass("active");
				
				// Fade de betreffende content in en voeg een class active toe
				$(this).next(".item:eq(0)").fadeIn(400);
				$(this).next(".item:eq(0)").addClass("active");
				$(this).addClass("active");
			}
		});
	});
}