$(function(){
	// this initialises the demo scollpanes on the page.
	$('#scroller').jScrollPane({scrollbarWidth: 7});
});

$(function() {
	$("#contactMenu").hover(
		function() { $("#contactHoverHoekje").show(); },
		function() { $("#contactHoverHoekje").hide(); }
	);

});
$(document).ready(function(){
	//Examples of how to assign the ColorBox event to elements
	$(".banner1").colorbox({width:"750px", opacity: 0.8, close:'', inline:true, href:"#banner3Content"});
	$(".banner2").colorbox({width:"700px", height:"510px", opacity: 0.8, close:'', inline:true, href:"#banner4Content"});
	$(".inventarisatie").colorbox({width:"700px", height:"510px", opacity: 0.8, close:'', inline:true, href:"#inventarisatieContent"});
	$(".vertrouwelijk").colorbox({width:"750px", opacity: 0.8, close:'', inline:true, href:"#vertrouwelijkContent"});
	$(".comKit").colorbox({width:"750px", opacity: 0.8, close:'', inline:true, href:"#comKitContent"});
});