var active	=	0;
		var total	=	0;
		var hovering	=	false;
		var timeout	=	4000;
		
		function timed_change(){
		
			if(!total){
			
				total	=	$(".nummers .nummer:last").attr("id").replace(/tab/, "").replace(/knop/, "")-1;
			
			}
			
			if(!hovering){
			
				if(active < total){
			
					active++;
			
				}else{
			
					active	=	0;
			
				}
			
				make_active($(".nummers .nummer:eq("+active+")"));
				
			}
			
			setTimeout(timed_change, timeout);
		
		}
		
		$(document).ready(function(){
			
			setTimeout(timed_change, timeout);
			
			// Laat het eerste plaatje zien en geef eerste knopje en nummertje de class active
			$(".plaatjes .plaatje").hide();
			$(".plaatjes .plaatje:first, .knopjes, .nummers").show();
			$(".plaatjes").addClass("hidden");
			
			$(".knopjes .knopje:first").addClass("active");
			$(".nummers .nummer:first").addClass("active");
			
			$(".plaatjes").hover(function(){ hovering = true; }, function(){ hovering = false; });
			
			$(".nummer, .knopje").hover(
			
				// MouseOver
				function(){
					
					hovering	=	true;
					make_active($(this));
				
				},
				// MouseOut
				function(){
				
					hovering	=	false;
				
				}
			
			);
			
		});
		
		function make_active(element){
			
			num	=	parseInt($(element).attr("id").replace(/tab/, "").replace(/knop/, ""))-1;
			
			$(".nummers .nummer").removeClass("active");
			$(".nummers .nummer:eq("+num+")").addClass("active");
		
			$(".plaatjes .plaatje").hide();
			$(".plaatjes .plaatje:eq("+num+")").show();
			
			$(".knopjes .knopje").removeClass("active");
			$(".knopjes .knopje:eq("+num+")").addClass("active");
			
			active	=	num;
		}