﻿//changes to java pertaining to multi thumb page.
// Ok with hs.caption div 

	hs.graphicsDir = 'highslide/graphics/';
                  hs.showCredits = false;
	hs.align = 'center';
	hs.transitions = ['expand', 'crossfade'];
	hs.fadeInOut = true;
	hs.dimmingOpacity = 0.8;
	hs.wrapperClassName = 'borderless floating-caption';
	hs.captionEval = 'this.a.title';
	//hs.marginLeft = 100; // make room for the thumbstrip
	hs.marginBottom = 50 // make room for the controls and the floating caption
	//hs.numberPosition = 'caption';
	//hs.lang.number = '%1/%2';

// Use thumbnails alt attribute and title attribute in the caption
hs.captionId = 'dummy';
hs.Expander.prototype.onAfterGetCaption = function (sender) {
	if (sender.caption) {
		sender.caption.innerHTML = sender.caption.innerHTML.replace('text',this.a.title) + '<br />' + this.thumb.alt;
	}
};



// Add the slideshow providing the controlbar and the thumbstrip
	hs.addSlideshow({
		//slideshowGroup: 'group1',
		interval: 5000,
		repeat: false,
		useControls: true,
		overlayOptions: {
			className: 'controls-in-heading',
			position: 'bottom center',
			relativeTo: 'image',
			offsetX: '340',
		                  offsetY: '45',

		},
		//thumbstrip: {
			//position: 'middle left',
			//mode: 'vertical',
			//relativeTo: 'viewport'
		//}
	});

	
//]]>
