// Horizontal thumbnails along bottom of screen

hs.graphicsDir = 'http://flaggercentral.com/wp-content/plugins/highslide/graphics/';
hs.showCredits = false;

/* fit into a box */
	hs.align = 'center';
	hs.transitions = ['expand', 'crossfade'];
	hs.fadeInOut = true;
	hs.outlineType = 'outer-glow';
	hs.wrapperClassName = 'dark';
	hs.captionEval = 'this.a.title';
	hs.headingEval = 'this.thumb.alt';	
	hs.headingOverlay.position = "bottom left";
	hs.headingOverlay.offsetY = 10;

	hs.numberPosition = 'heading';
	hs.useBox = true;
	hs.width = 550;
	hs.height = 450;
	
	hs.dimmingOpacity = 0.35;

	// Add the slideshow providing the controlbar and the thumbstrip
	hs.addSlideshow({
		//slideshowGroup: 'group1',
		interval: 2500,
		repeat: false,
		useControls: true,
		fixedControls: 'fit',
		overlayOptions: {
			position: 'top center',
			opacity: .65,
			hideOnMouseOut: true,
			offsetY:-25
		},
		thumbstrip: {
			position: 'above',
			mode: 'horizontal',
			relativeTo: 'expander'
		}
	});
/* thumbs float under box 

hs.align = 'center';
hs.transitions = ['expand', 'crossfade'];
hs.fadeInOut = true;
hs.dimmingOpacity = 0.60;
hs.outlineType = 'rounded-white';
hs.wrapperClassName = 'controls-in-heading';
hs.fadeInOut = true;
hs.marginBottom = 105; // make room for the thumbstrip and the controls
hs.numberPosition = 'caption';

// This line will put the title of the pictures (from nextgen) into the caption field in highslide.
hs.captionEval = 'this.a.title';//Is the description of the image taken from NextGen
hs.headingText = 'this.thumb.alt';//Will be show for every image (Ex: your website, slogan, etc)

// Add the controlbar
if (hs.addSlideshow) hs.addSlideshow({
//slideshowGroup: 'group1',
interval: 2000,
repeat: true,
useControls: true,
fixedControls: false,
overlayOptions: {
className: 'text-controls',
position: 'bottom center',
relativeTo: 'viewport',
offsetY: -60
},
thumbstrip: {
position: 'bottom center',
mode: 'horizontal',
relativeTo: 'viewport',
}
});

*/