// JavaScript Document
$(document).ready(function() {
	$("#content").load("home.htm");					   
	$.fn.image = function(src, f){ 
	  return this.each(function(){
	     var i = new Image(); 
		 i.src = src; 
		 i.onload = f; 
		 this.appendChild(i);
      }); 
	}
    
	$("#menu a").hover(function(){
		$(this).addClass('menu-hover');
		}, function() {
  		$(this).removeClass('menu-hover');
	});
	$("#menu a").click(function(){
		$("a").removeClass('menu-active');
		$(this).addClass('menu-active');
	});

	$("#Home").click(function(){
		$("#content").load("home.htm");
		
	});
	$("#Nieuws").click(function(){
		$("#content").load("nieuws.htm");
		
	});
	$("#Lessen").click(function(){
		$("#content").load("lessen.htm");
		
	});
	$("#Werk").click(function(){
		$("#content").load("werk.htm");
		
	});
	$("#Workshops").click(function(){
		$("#content").load("workshops.htm");
		
	});
	$("#Kunstkieke").click(function(){
		$("#content").load("Kunstkieke.htm");
		
	});
	$("#Opendag").click(function(){
		$("#content").load("Opendag.htm");
		
	});
	$("#Biografie").click(function(){
		$("#content").load("biografie.htm");
		
	});
	$("#Tarieven").click(function(){
		$("#content").load("tarieven.htm");
		
	});
	$("#Aanmelden").click(function(){
		$("#content").load("aanmelden.htm");
		
	});
	$("#Links").click(function(){
		$("#content").load("links.htm");
		
	});
	$("#Kaarten").click(function(){
		$("#content").load("kaarten.htm");
		
	});
		
	
});
$(document).ready(function() {
var galleryAdv = $('#gallery-adv').galleriffic('#thumbs-adv', {
					delay:                  5000,
					numThumbs:              6,
					preloadAhead:           8,
					enableTopPager:         false,
					enableBottomPager:      true,
					imageContainerSel:      '#slideshow-adv',
					controlsContainerSel:   '#controls-adv',
					captionContainerSel:    '#caption-adv',
					loadingContainerSel:    '#loading-adv',
					renderSSControls:       false,
					renderNavControls:      false,
					playLinkText:           'Play Slideshow',
					pauseLinkText:          'Pause Slideshow',
					prevLinkText:           '‹ Previous Photo',
					nextLinkText:           'Next Photo ›',
					nextPageLinkText:       'Next ›',
					prevPageLinkText:       '‹ Prev',
					enableHistory:          false,
					autoStart:              false,
					onChange:               function(prevIndex, nextIndex) {
						$('#thumbs-adv ul.thumbs').children()
							.eq(prevIndex).fadeTo('fast', onMouseOutOpacity).end()
							.eq(nextIndex).fadeTo('fast', 1.0);
					},
					onTransitionOut:        function(callback) {
						$('#slideshow-adv, #caption-adv').fadeOut('fast', callback);
					},
					onTransitionIn:         function() {
						$('#slideshow-adv, #caption-adv').fadeIn('fast');
					},
					onPageTransitionOut:    function(callback) {
						$('#thumbs-adv ul.thumbs').fadeOut('fast', callback);
					},
					onPageTransitionIn:     function() {
						$('#thumbs-adv ul.thumbs').fadeIn('fast');
					}
				});
				
				// Initialize Minimal Galleriffic Gallery
				var galleryMin = $('#gallery-min').galleriffic('#thumbs-min', {
					imageContainerSel:      '#slideshow-min',
					controlsContainerSel:   '#controls-min'
				});
});

/*** 
    Simple jQuery Slideshow Script
    Released by Jon Raasch (jonraasch.com) under FreeBSD license: free to use or modify, not responsible for anything, etc.  Please link out to me if you like it :)
***/
var onMouseOutOpacity = 0.67;
$('#thumbs-adv ul.thumbs li').css('opacity', onMouseOutOpacity).hover(function () {
	$(this).not('.selected').fadeTo('fast', 1.0);
	}, 
	function () {
		$(this).not('.selected').fadeTo('fast', onMouseOutOpacity);
	});