// Put the HS graphics within the CSS folder so you do not have to update the CSS file
hs.graphicsDir = '/stylesheets/graphics/';
hs.align = 'center';
hs.transitions = ['expand', 'crossfade'];
hs.fadeInOut = true;
hs.outlineType = 'glossy-dark';
hs.headingEval = 'this.a.title';
hs.numberPosition = 'heading';
hs.wrapperClassName = 'dark';
hs.dimmingOpacity = 0.8;
hs.showCredits = false;
hs.transitionDuration = 500;

// Add the slideshow providing the controlbar and the thumbstrip
hs.addSlideshow({
	// Add enough albumX variables below to accomodate the maximum number of photo galleries on a page
	slideshowGroup: ['album1','album2','album3','album4','album5','album6','album7','album8'],
	interval: 5000,
	repeat: false,
	useControls: true,
	fixedControls: false,
	
	overlayOptions: {
		className: 'large-dark',
		opacity: '0.6',
		position: 'bottom center',
		relativeTo: 'image',
		offsetX: '0',
		offsetY: '-15',
		hideOnMouseOut: true
		},
	thumbstrip: {
		position: 'below',
		mode: 'horizontal',
		relativeTo: 'expander',
		}
	});

// Settings for single images
var singleConfig = {
	slideshowGroup: 'single',
	wrapperClassName: 'zoomed',
	outlineType: 'custom',
	captionEval: 'this.thumb.alt',
};
// Closebutton for single images
hs.registerOverlay({
	html: '<div class="closebutton" onclick="return hs.close(this)" title="Close"></div>',
	position: 'top right',
	fade: 2,
	slideshowGroup: 'single'
});