// JavaScript Document

$(document).ready(function(){ 

	//Zorgt ervoor dat wanneer je op een titel van een post klikt, deze post getoond of verborgen word
	$('.homebar_item_title').click(function() {
		var id = $(this).attr('id');
		$('#homebar_item_post_'+id).slideToggle();
	});

	//De foto slideshow bovenaan de pagina.
	var templatedirectory = 'http://www.bunk.nl/wp-content/themes/bunk2';
	function slideSwitch() {
		var $active = $('#slideshow IMG.active');
	
		if ( $active.length == 0 ) $active = $('#slideshow IMG:last');
	
		// use this to pull the images in the order they appear in the markup
		var $next =  $active.next().length ? $active.next()
			: $('#slideshow IMG:first');
	
		// uncomment the 3 lines below to pull the images in random order
		
		var $sibs  = $active.siblings();
		var rndNum = Math.floor(Math.random() * $sibs.length );
		var $next  = $( $sibs[ rndNum ] );
	
	
		$active.addClass('last-active');
	
		$next.css({opacity: 0.0})
			.addClass('active')
			.animate({opacity: 1.0}, 1000, function() {
				$active.removeClass('active last-active');
			});
	}
	setInterval(function() { slideSwitch(); }, 10000);	
	
	//Als je op het fotos icoon klikt worden de foto's weergegeven
	$(".ngg-gallery-thumbnail a").colorbox({maxWidth:'90%', maxHeight:'90%', slideshow:'true'});
	
	//Als je op een afbeelding met de class colorbox klikt word de gekoppelde afbeelding geopend
	$(".colorbox").colorbox({maxWidth:'90%', maxHeight:'90%', slideshow:'false'});
	
});