$(document).ready(function(){
	function init() {
		$(".carbeeld").each(function (i) {
			$(this).fadeOut(0);
		 });
		$("#carbeeld_1").fadeIn(0);
	}
	
	$("#carousel > ul > li > a").hover(
		function () {
		  var actieDiv = $(this).attr("id").replace("car_", "carbeeld_");
		  hideAll(actieDiv);
		}
	);
	
	$("#carousel > ul > li > a").hover(
		function () {
			resetActives();
			$(this).addClass("active");
		}
	);
	
	function resetActives() {
		$("#carousel > ul > li > a").each(function (i) {
			$(this).removeClass("active");
		 });
	}
	
	function hideAll(unhide) {
		 $(".carbeeld").each(function (i) {
		 	if($(this).attr("id") != unhide) {
			  $(this).fadeOut(0, function() {
			  	$("#" + unhide).fadeIn(600);
			  });
			}
		 });
	}
	init();
});