hs.graphicsDir = '../../img/graphics/';
hs.wrapperClassName = 'dark';
hs.transitions = ['expand', 'crossfade'];
hs.outlineType = null;
hs.dimmingOpacity = 0.75;
hs.fadeInOut = true;
hs.align = 'center';
hs.marginBottom = 70;
hs.marginLeft = 100;
hs.captionEval = 'this.a.title';
hs.captionOverlay.position = 'below';

hs.showCredits = false;
hs.headingOverlay.position = "top";
hs.headingOverlay.width = "100%";
hs.headingOverlay.opacity = .75;
hs.headingOverlay.hideOnMouseOut = false;

hs.registerOverlay({
	html: '<div class="closebutton" onclick="return hs.close(this)" title="' + hs.lang['closeText'] + '"></div>',
	position: 'top right',
	useOnHtml: true,
	fade: 2 // fading the semi-transparent overlay looks bad in IE
});

// Add the slideshow controller
hs.addSlideshow({
	interval: 5000,
	repeat: false,
	useControls: true,
	fixedControls: false,
	overlayOptions: {
		className: 'text-controls',
		opacity: '1',
		position: 'bottom center',
		offsetX: '50',
		offsetY: '-10',
		relativeTo: 'viewport',
		hideOnMouseOut: false
	},
	thumbstrip: {
		mode: 'vertical',
		position: 'middle left',
		relativeTo: 'viewport'
	}

});