$(function()
{

	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()
		{
			$(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");
			}
		});
	});
}