$(function() {
	$('#cycleImages').before('<ul id="jQul">').cycle({
		fx:						'fade',
		speed:					800,
		timeout:				6000,
		pager:					'#jQul',
		pagerEvent:				'mouseover',
		pauseOnPagerHover:		true,
		allowPagerClickBubble:	true,
					
		pagerAnchorBuilder: function(idx, slide) {
			return '<li><a href="'+slide.alt+'" onFocus="this.blur()">'+slide.title +'</a></li>';
		}
	});
});






jQuery(function($){
   $(".mask_datum").mask("99-99-9999");
   $(".mask_telefoon").mask("9999999999");
   $(".mask_postcode").mask("9999aa");
   $(".mask_bsn").mask("999999999");
});	






$(document).ready(function() {


	// MENU
	
	$('#home').css("opacity","0.2");
	$("#home").hover(function(){$(this).stop().animate({ opacity : 1.0}, 200);});
	$("#home").mouseleave(function(){$(this).stop().animate({ opacity : 0.2}, 400);});
	
	$('#sitemap').css("opacity","0.2");
	$("#sitemap").hover(function(){$(this).stop().animate({ opacity : 1.0}, 200);});
	$("#sitemap").mouseleave(function(){$(this).stop().animate({ opacity : 0.2}, 400);});
	
	$('#login').css("opacity","0.2");
	$("#login").hover(function(){$(this).stop().animate({ opacity : 1.0}, 200);});
	$("#login").mouseleave(function(){$(this).stop().animate({ opacity : 0.2}, 400);});

	$("ul#mainnav li ul li:has(ul)").find("a:first").append("<span class='hasChild'></span>");






	// SUBMENU
	
	$('ul#submenu li').css("display","none");
	$('ul#submenu li.hi:has(ul)').css("display","block");
	$('ul#submenu li li').css("display","block");






	// BANNERS

	$('.banner').has('.verder').addClass('clickable');

	$('.banner .txt').css("opacity","0.92");
    $(".clickable").hover(function() {  
		$(".txt", this).stop().animate({ backgroundColor: "#f6b7db"}, 200);  
	},function() {  
		$(".txt", this).stop().animate({ backgroundColor: "#d9dbdd" }, 400);  
	});  
	
	$(".columnMid .banners .banner:nth-child(2n)").css("float","right");






	/* HOMEPAGE*/
	
  	if ($('#flashbanner').length > 0) {
		$('.columnRight:first').css("height","265px");
		$('.columnRight #nieuws').css("height","100%");
	}






	// FOTOALBUM
	 $("#album .pic:nth-child(5n)").css("margin-right","0");
	 $("#album .pic:nth-child(5n+1)").css("clear","left");






	//animate mousover images
	$('#pagina img')	.each(function() { $(this).hover(function() { $(this).stop().animate({ opacity: 0.8 }, 200); }, function() { $(this).stop().animate({ opacity: 1.0 }, 400); }); });
	$('#album img')		.each(function() { $(this).hover(function() { $(this).stop().animate({ opacity: 0.8 }, 200); }, function() { $(this).stop().animate({ opacity: 1.0 }, 400); }); });






	// LIGHTBOX - pagina foto's
	$(function() {
		$('#pagina a.pagepics').lightBox({
			overlayBgColor: '#000',
			imageLoading: 	'/media/lightbox/loading.gif',
			imageBtnClose:	'/media/lightbox/close.gif',
			imageBtnPrev: 	'/media/lightbox/prev.gif',
			imageBtnNext:	'/media/lightbox/next.gif'
	   	});
	});

	// LIGHTBOX - album foto's
	$(function() {
		$('#album a').lightBox({
			overlayBgColor: '#000',
			imageLoading: 	'/media/lightbox/loading.gif',
			imageBtnClose:	'/media/lightbox/close.gif',
			imageBtnPrev: 	'/media/lightbox/prev.gif',
			imageBtnNext:	'/media/lightbox/next.gif'
	   	});
	});






	// FORMULIER

	$('input[type="text"]').addClass("idleField");
	$('textarea').addClass("idleField");
	
	$('input[type="text"]').focus(function() {
		$(this).removeClass("idleField").addClass("focusField");
		if (this.value == this.defaultValue){ 
			this.value = '';
		}
		if(this.value != this.defaultValue){
			this.select();
		}
	});
	$('input[type="text"]').blur(function() {
		$(this).removeClass("focusField").addClass("idleField");
		if ($.trim(this.value) == ''){
			this.value = (this.defaultValue ? this.defaultValue : '');
		}
	});

	$('textarea').focus(function() {
		$(this).removeClass("idleField").addClass("focusField");
		if (this.value == this.defaultValue){ 
			this.value = '';
		}
		if(this.value != this.defaultValue){
			this.select();
		}
	});
	$('textarea').blur(function() {
		$(this).removeClass("focusField").addClass("idleField");
		if ($.trim(this.value) == ''){
			this.value = (this.defaultValue ? this.defaultValue : '');
		}
	});






	$("input:checkbox:not(:checked)").each(function() {
		var column = "table.form ." + $(this).attr("name");
		$(column).show();
	});
	
	$("input:checkbox").click(function(){
		var column = "table.form ." + $(this).attr("name");
		$(column).toggle();
	});






// Moet achter clickable banner staan i.v.m. toevoegen class.clickable
	$("div.clickable").click(function(event) {
	  event.preventDefault();
	  window.location = $(this).attr("url");
	});

	


});