// JavaScript Document
$(document).ready(function() {
			
			
			
			//$('ul.sf-menu').superfish({ 
			//});
			
			
			$('.occSlideShow').cycle({
		
				fx: 'scrollDown', // choose your transition type, ex: fade, scrollUp, shuffle, etc...
				pause: 1,
				timeout: 6000,
				random: 1
			});
		
					
			$('ul.sf-menu').supersubs({ 
				minWidth:    2,   // minimum width of sub-menus in em units 
				maxWidth:    16,   // maximum width of sub-menus in em units 
				extraWidth:  1     // extra width can ensure lines don't sometimes turn over 
								   // due to slight rounding differences and font-family 
			}).superfish({  // call supersubs first, then superfish, so that subs are 
							 // not display:none when measuring. Call before initialising 
							 // containing tabs for same reason. 
			
			//$('ul.sf-menu').superfish({ 
				
				delay:       1000,                            // one second delay on mouseout 
				
				
				//animation:   {opacity:'show',height:'show'},  // fade-in and slide-down animation 
				//bovenstaande werkt niet in IE6
				//animation:   {opacity:'show'},  			// fade-in and slide-down animation 
				
				
				speed:       'fast',                          // faster animation speed 
				//autoArrows:  true,                           // disable generation of arrow mark-up 
				dropShadows: true                            // disable drop shadows 
			});
    	
			
			
			$(".lightbox").lightbox({
			    fitToScreen: true,
			    imageClickClose: false
		    	});
		
			
			
			
			
			
			
			
			
			//Bron: http://www.pewpewlaser.com/articles/jquery-smooth-animation
			//  Get height of all dds before hide() occurs.  Store height in heightArray, indexed based on the dd's position.
			heightArray = new Array();
			$("dl.v_show_hide dd").each(function(i) {
			  theHeight = $(this).height();
			  heightArray[i] = theHeight;
			});
		
			// Hide all dds
			$("dl.v_show_hide dd").hide();
		
			//  When a dt is clicked, 
			$("dl.v_show_hide dt").click(function () {
			  //  Based on the dt's position in the dl, retrieve a height from heightArray, and re-assign that height to the sibling dd.
			  $(this).next("dd").css({height: heightArray[$("dl.v_show_hide dt").index(this)]});
			  //  Toggle the slideVisibility of the dd directly after the clicked dt
			  $(this).next("dd").slideToggle("slow")
				//  And hide any dds that are siblings of that "just shown" dd.
				.siblings("dd").slideUp("slow");
			});
		});