hs.graphicsDir = 'highslide/graphics/';
hs.outlineType= 'custom';
hs.align = 'center';
hs.dimmingOpacity = .65;
hs.marginTop = 20;
hs.marginRight = 20;
hs.marginBottom = 15;
hs.marginLeft = 20;
hs.creditsPosition = 'bottom right';
hs.fadeInOut = true;
hs.transitions = ['fade'];
hs.outlineWhileAnimating = true;
hs.preserveContent = false;

hs.Expander.prototype.onAfterGetCaption = function (sender) {
   if (sender.caption) {
      sender.caption.innerHTML += '<span class="title">'+this.thumb.alt+'</span>';
   }
};


hs.registerOverlay({
	html: '<div class="closebutton" onclick="return hs.close(this)" title="Close"></div>',
	position: 'top right',
	fade: 2,
	useOnHtml: true
});

var htmlOptions = {
	objectType: 'iframe',
	height: 2000,
	wrapperClassName: 'html header',
	objectLoadTime: 'after',
	slideshowGroup: 'html'
};
var howTo = {
	slideshowGroup: 'howTo',
	maincontentId: 'howTo',
	width: 750,
	wrapperClassName: 'howTo header',
	headingText: 'HOW-TO'
};

// Add the slideshow controller
hs.addSlideshow({
	slideshowGroup: 'html',
	interval: 5000,
	repeat: false,
	useControls: true,
	fixedControls: false,
	overlayOptions: {
		className: 'text-controls',
		opacity: '1',
		position: 'bottom right',
		offsetX: '0',
		offsetY: '27',
		relativeTo: 'expander',
		hideOnMouseOut: false
	}
});