$(document).ready(function(){

	// togglers voor vraag en antwoord
	jQuery("dl.toggle").each(function() {
		var 
			holder = jQuery(this),
			trigger = holder.find("dt").css({ cursor: "pointer" }),
			triggerText = trigger.text(),
			triggerOn = "– " + triggerText,
			triggerOff = "+ " + triggerText,
			target = holder.find("dd").hide();

		trigger.html(triggerOff);

		trigger.toggle(function() {
			trigger.html(triggerOn);
			holder.addClass("active");
		}, function() {
			trigger.html(triggerOff);
			holder.removeClass("active");
		});

		trigger.click(function() {
			target.slideToggle("fast");
			return false;
		});
	});
	
	
	jQuery("dl.toggleform").each(function() {
		var 
			holder = jQuery(this),
			trigger = holder.find("dt").css({ cursor: "pointer" }),
			triggerText = trigger.text(),
			triggerOn = "– " + triggerText,
			triggerOff = "+ " + triggerText,
			target = holder.find("dd").hide();

		trigger.html(triggerOff);

		trigger.toggle(function() {
			trigger.html(triggerOn);
			holder.addClass("active");
		}, function() {
			trigger.html(triggerOff);
			holder.removeClass("active");
		});

		trigger.click(function() {
			target.slideToggle("fast");
			return false;
		});
	});
	
	
	
	// MAKE COMPLETE DIV CLICKABLE
	$(".agendaitem").click(function(){
    	window.location=$(this).find("a").attr("href");return false;
	});
	
	$(".nieuwsitem").click(function(){
    	window.location=$(this).find("a").attr("href");return false;
	});
		
	
	$(".dagelijksitem").click(function(){
    	window.location=$(this).find("a").attr("href");return false;
	});
	
	// MAKE COMPLETE DIV CLICKABLE
	$(".arrangement").click(function(){
    	window.location=$(this).find("a").attr("href");return false;
	});	
	
	$(".button-blue").click(function(){
    	window.location=$(this).find("a").attr("href");return false;
	});	

	$(".button-gray").click(function(){
    	window.location=$(this).find("a").attr("href");return false;
	});	

	

	// hover color
	var rollover_color = '#0054a6';

	// HOVER STATES
	$('.nieuwsitem').hover(
		function() { // Mouse in
			$(this).css("background","#f5f5f5");
			$(this).find(".nieuws-leesmeer a").css("background", rollover_color);
			$(this).find(".nieuws-leesmeer a").css("color","#FFF");
			$(this).find(".nieuws-container .nieuws-title").css("color",rollover_color);
			$(this).find(".datelabel").css("background",rollover_color);
	  	},
	  	function() { // Mouse out
			$(this).css("background","#FFF");
			$(this).find(".nieuws-leesmeer a").css("background","#FFF");
			$(this).find(".nieuws-leesmeer a").css("color",rollover_color);
			$(this).find(".nieuws-container .nieuws-title").css("color","#626262");
			$(this).find(".datelabel").css("background","#c8c8c8");
		}
	);
	
	// HOVER STATES
	$('.agendaitem').hover(
		function() { // Mouse in
			$(this).css("background","#f5f5f5");
			$(this).find(".agenda-leesmeer a").css("background", rollover_color);
			$(this).find(".agenda-leesmeer a").css("color","#FFF");
			$(this).find(".agenda-container .agenda-title").css("color",rollover_color);
			$(this).find(".datelabel").css("background",rollover_color);
	  	},
	  	function() { // Mouse out
			$(this).css("background","#FFF");
			$(this).find(".agenda-leesmeer a").css("background","#FFF");
			$(this).find(".agenda-leesmeer a").css("color",rollover_color);
			$(this).find(".agenda-container .agenda-title").css("color","#626262");
			$(this).find(".datelabel").css("background","#c8c8c8");
		}
	);
	
	
	$('.dagelijksitem').hover(
		function() { // Mouse in
			$(this).css("background","#f5f5f5");
			$(this).find(".dagelijks-leesmeer a").css("background",rollover_color);
			$(this).find(".dagelijks-leesmeer a").css("color","#FFF");
			$(this).find(".dagelijkse-container .dagelijks-title").css("color",rollover_color);
			$(this).find(".timelabel").css("background",rollover_color);
	  	},
	  	function() { // Mouse out
			$(this).css("background","#FFF");
			$(this).find(".dagelijks-leesmeer a").css("background","#FFF");
			$(this).find(".dagelijks-leesmeer a").css("color",rollover_color);
			$(this).find(".dagelijkse-container .dagelijks-title").css("color","#626262");
			$(this).find(".timelabel").css("background","#c8c8c8");
		}
	);
	
	// HOVER STATES
	$('.arrangement').hover(
		function() { // Mouse in
			$(this).css("background","#f5f5f5");
			$(this).find(".arrangement-leesmeer a").css("background", rollover_color);
			$(this).find(".arrangement-leesmeer a").css("color","#FFF");
			$(this).find(".arrangement-container .arrangement-title").css("color",rollover_color);
			$(this).find(".datelabel").css("background",rollover_color);
	  	},
	  	function() { // Mouse out
			$(this).css("background","#FFF");
			$(this).find(".arrangement-leesmeer a").css("background","#FFF");
			$(this).find(".arrangement-leesmeer a").css("color",rollover_color);
			$(this).find(".arrangement-container .arrangement-title").css("color","#626262");
			$(this).find(".datelabel").css("background","#c8c8c8");
		}
	);


	// MAKE COMPLETE DIV CLICKABLE
	$(".agendawidgetitem").click(function(){
    	window.location=$(this).find("a").attr("href");return false;
	});
	
	// hover color
	var rollover_color = '#0054a6';
	
	$('.agendawidgetitem').hover(
		function() { // Mouse in
			//$(this).css("background","#f5f5f5");
			$(this).find(".agendawidget-leesmeer a").css("background",rollover_color);
			
			$(this).find(".agendawidget-leesmeer a").css("color","#FFF");
			$(this).find(".agendawidget-container .dagelijks-title").css("color",rollover_color);
			$(this).find(".datumlabel").css("background",rollover_color);
	  	},
	  	function() { // Mouse out
			//$(this).css("background","#FFF");
			$(this).find(".agendawidget-leesmeer a").css("background","#FFF");
			$(this).find(".agendawidget-leesmeer a").css("color",rollover_color);
			$(this).find(".agendawidget-container .dagelijks-title").css("color","#626262");
			$(this).find(".datumlabel").css("background","#c8c8c8");
		}
	);


	// zoekveld error check
    jQuery(function(){
    $("#btn-search").click(function(){
		$(".error").hide();
		var hasError = false;
		var searchReg = /^[a-zA-Z0-9-]+$/;
		var searchVal = $("#search").val();
		if(searchVal == '') {
			$('#search').val('');
												
			hasError = true;
		} else if(!searchReg.test(searchVal)) {
			$('#search').val('');
			hasError = true;
		}
		if(hasError == true) {return false;}
		});
    });


});