	
	$(document).ready(function(){
		
		// visueel prettiger voor het oog
		$("html").css("overflow-y", "scroll");

		// disable action wanneer op link wordt geklikt
		$("a.disabled").click(function(){ return false; });	

		// externe links krijgen een _blank target, oftewel openen in nieuw venster/tabblad
		$("a[@rel=external]").each(function(i){ this.target="_blank"; });

		// pagina images krijgen lightbox properties mee
		$("#page img").each(function(i) { var source = this.src; $(this).wrap('<a class="page-img-link" rel="lightbox" href="' + source + '">' + '</a>'); });
		
		// corners
		$("#left-column").prepend("<div id=\"left-column-top\"></div>").append("<div id=\"left-column-bottom\"></div>");						   
							   
		$(".sidebar-block").prepend("<div class=\"sidebar-block-top\"></div>").append("<div class=\"sidebar-block-bottom\"></div>");						   
		
		$("#notification").corner('5px');

		// menu functions
		$("#menu li").find(" > ul.sub").hide();
		
		$("#menu li:has(ul > li.active)").find(" > ul").show();
		
		$("#menu li").mouseover(function(){

			$(this).find(" > ul.sub").show();
				
		}).mouseout(function(){
			
			$(this).find(" > ul.sub").hide();
			
			$(this).find(" > ul.sub:has(li.active)").show();
			
		});
		
		/*
		*	Bomen applicatie
		*
		*/
		
		// verberg all velden
		
		
		//$("#sidebar").find("div").append("<div class=\"cfix\"></div>");
		
		$("#sidebar").find("div").hide();
		
		// zet eerste veld op actief
		//$("#sidebar").find("#perceel1").show();
		//$("#percelen-links > a:first").addClass("active");			

		
		//$("#sidebar").find("div").after("<div class=\"clearer\"></div>");
		//$("#sidebar div").find("div.clearer").show();
		
		// click functie
		$("#percelen-links a").click(function(){
			
			// welk perceel gaan we verbergen
			var perceel = $(this).attr('title');
			
			$("#sidebar").find("#" + perceel).append("<div class=\"clearer\"></div>");
			
			// visueel
			$("#percelen-links a").removeClass("active");
			$(this).addClass("active");
			
			$("#percelen-links a").removeClass('normal');
			
			// functioneel
			$("#sidebar").find(" > div").hide();
			
			
			
			$("#sidebar").find("#" + perceel).show();
							  
		});		

		// $('img[@src$=.png]').ifixpng();

	});
	
	$(function() {

		// links met rel lightbox
		$('a[@rel*=lightbox]').lightBox();
	
	});
