//gallery config object
var bloemen = {
	slideshowGroup : 'groep_bloemen',
	//numberPosition: 'caption',
	transitions : [ 'expand', 'crossfade' ]
};

var zijde = {
	slideshowGroup : 'groep_zijde',
	//numberPosition: 'caption',
	transitions : [ 'expand', 'crossfade' ]
};
var sfeer = {
	slideshowGroup : 'groep_sfeer',
	//numberPosition: 'caption',
	transitions : [ 'expand', 'crossfade' ]
};

$('document').ready(function(){
	
	$('#sfeer').crossSlide({
	  sleep: 5,
	  fade: 1,
	  shuffle: true
	}, [
	  { src: '/images/sfeer00.jpg'  },
	  { src: '/images/sfeer01.jpg'  },
	  { src: '/images/sfeer02.jpg'  },
	  { src: '/images/sfeer03.jpg'  },
	  { src: '/images/sfeer04.jpg' }
	]);

	$('#nav li').hover(
  		function () {
	    	$(this).addClass("hover");
	    	$('a', this).addClass("over");
	  		},
	  		function () {
	  		$('a', this).removeClass("over");
	    	$(this).removeClass("hover");
	  	}
	);	
});

$(function () {
	  $('a.highslide').each(function() {
	    this.onclick = function() {
	      return hs.expand(this);
	    }
	  });
	// Dutch language strings
	  hs.lang = {
	  	cssDirection : 'ltr',
	  	loadingText : 'Laden...',
	  	loadingTitle : 'Klik om te annuleren',
	  	focusTitle : 'Klik om naar voren te brengen',
	  	fullExpandTitle : 'Vergroot naar origineel (f)',
	  	creditsText : 'Powered door <i>Highslide JS</i>',
	  	creditsTitle : 'Ga naar de Highslide JS homepage',
	  	previousText : 'Vorige',
	  	nextText : 'Volgende',
	  	moveText : 'Verplaats',
	  	closeText : 'Sluiten',
	  	closeTitle : 'Sluiten (esc)',
	  	resizeTitle : 'Afmeting wijzigen',
	  	playText : 'Afspelen',
	  	playTitle : 'Start diashow (spatiebalk)',
	  	pauseText : 'Pauze',
	  	pauseTitle : 'Diashow pauzeren (spatiebalk)',
	  	previousTitle : 'Vorige (pijl naar links)',
	  	nextTitle : 'Volgende (pijl naar rechts)',
	  	moveTitle : 'Verplaats',
	  	fullExpandText : 'Volledige grootte',
	  	number : 'Beeld %1 van %2',
	  	restoreTitle : 'Klik om te sluiten, klik en sleep om te verplaatsen. Gebruik pijltjes toetsen voor volgende en vorige.'
	  };
	  hs.graphicsDir = '/images/hs/';
	  hs.showCredits = false;
	  hs.dimmingOpacity = 0.75;
	  hs.easing = 'linearTween';
	  hs.align = 'center';
	  hs.captionEval = 'this.a.title';
	  hs.captionOverlay.position = 'below';
	  hs.registerOverlay( {
	  			html : '<div class="closebutton" onclick="return hs.close(this)" title="Sluiten"></div>',
	  			position : 'top right',
	  			useOnHtml : true,
	  			fade : 2
	  		// fading the semi-transparent overlay looks bad in IE
	  });

	  //Add the slideshow controller
	  hs.addSlideshow( {
	  	slideshowGroup : 'groep_sfeer',
	  	interval : 5000,
	  	repeat : false,
	  	useControls : true,
	  	fixedControls : 'fit',
	  	overlayOptions : {
	  		className : 'large-dark',
	  		opacity : '0.6',
	  		position : 'bottom center',
	  		offsetX : '0',
	  		offsetY : '-15',
	  		hideOnMouseOut : true
	  	}
	  });
	  hs.addSlideshow( {
	  	slideshowGroup : 'groep_zijde',
	  	interval : 5000,
	  	repeat : false,
	  	useControls : true,
	  	fixedControls : 'fit',
	  	overlayOptions : {
	  		className : 'large-dark',
	  		opacity : '0.6',
	  		position : 'bottom center',
	  		offsetX : '0',
	  		offsetY : '-15',
	  		hideOnMouseOut : true
	  	}
	  });

	  hs.addSlideshow( {
	  	slideshowGroup : 'groep_bloemen',
	  	interval : 5000,
	  	repeat : false,
	  	useControls : true,
	  	fixedControls : 'fit',
	  	overlayOptions : {
	  		className : 'large-dark',
	  		opacity : '0.6',
	  		position : 'bottom center',
	  		offsetX : '0',
	  		offsetY : '-15',
	  		hideOnMouseOut :true
	  	}
	  });
});