$(document).ready(function() {
	var timer;
	
	function startTimer(interval){
		timer = setInterval("transition();", interval);
	}
	
	function stopTimer(){
		clearInterval(timer);
	}
	
	$('#ishetveilig-thumbs').bind('mouseover', function(){stopTimer();});
	$('#ishetveilig-thumbs').bind('mouseout', function(){startTimer(10000);});
	$('#heefthetzin-thumbs').bind('mouseover', function(){stopTimer();});
	$('#heefthetzin-thumbs').bind('mouseout', function(){startTimer(10000);});
	
	startTimer(5000);
	
	
});

function transition (){
	var heefthetzinthumbs = $('#heefthetzin-thumbs');
	var heefthetzinmenu = $('#heefthetzin-menu');
	var ishetveiligthumbs = $('#ishetveilig-thumbs');
	var ishetveiligmenu = $('#isveilig-menu');
	var thumbcontainer = $('#thumbscontainer');
	
	heefthetzinmenu.toggleClass('active');
	heefthetzinthumbs.toggle();
	ishetveiligmenu.toggleClass('active');
	ishetveiligthumbs.toggle();
	
	if(thumbcontainer.hasClass('red')){
		thumbcontainer.removeClass( 'red' );
		thumbcontainer.addClass( 'blue' );
	}else{
		thumbcontainer.removeClass( 'blue' );
		thumbcontainer.addClass( 'red' );
	}
	
}