/**
*	Site-specific configuration settings for Highslide JS
*/
hs.graphicsDir = 'highslide-10.7.11/highslide/graphics/';

hs.showCredits = false;

//hs.outlineType = 'glossy-dark';

hs.dimmingOpacity = 0.7; //background dimming

hs.dimmingDuration = 0;

hs.easing = 'linearTween';

hs.restoreDuration = 0;

hs.transitionDuration = 0; //default is 500

hs.outlineWhileAnimating = false;

hs.align = 'center'; //centers the wrapper both vertically and horizontally. To override centering on X axis use targetX; on Y axis use targetY.

hs.allowSizeReduction = false;

//hs.minWidth = 800;

//hs.minHeight = 700;

hs.marginTop = 10;

hs.marginRight = 0;

hs.marginBottom = 0;

hs.marginLeft = 0;

hs.allowMultipleInstances = false;

hs.captionOverlay.position = 'top left';
hs.captionOverlay.relativeTo = 'expander';
hs.captionOverlay.offsetY = -15;
hs.captionOverlay.offsetX = 0;
//Do not change! Keeps caption from flashing off during transitions
hs.captionOverlay.fade = 0;

//Mac-style close button
hs.registerOverlay({
	html: '<div class="closebutton" onclick="return hs.close(this)" title="Close"></div>',
	position: 'top right',
	//offsetX: -18,
	useOnHtml: true,
	fade: 0 // fading the semi-transparent overlay looks bad in IE
});


hs.fadeInOut = true;

hs.expandDuration = 300; // milliseconds

hs.lang.restoreTitle = ''; //removes tooltip over enlarged image
hs.lang.previousTitle = 'Previous (left arrow key)';
hs.lang.nextTitle = 'Next (right arrow key)';
hs.lang.	fullExpandTitle = 'Enlarge';




 hs.targetX = null; // null ignores this parameter, allowing it to be defined by the highslide default value (null) or CSS positioning.
hs.targetY = 'my-target-Y 20px'; // first parameter is the ID directly above which you want the wrapper to be placed; second parameter expands or contracts the target location by the specified number of pixels

// hs.width = 700;
// hs.height = 2000;


 //when useBox is set to true, you MUST set a width and height;
 hs.useBox = false; //default is false
 hs.Width = 900;
hs.Height = 600;
//hs.padToMinWidth = true;



hs.numberOfImagesToPreload = 5;





hs.fullExpandPosition = 'top right';

hs.fullExpandOpacity = .6;


//******MY OVERRIDES

hs.headingOverlay.position = 'top center';
//hs.headingOverlay.width = '100%';
hs.headingOverlay.offsetX = '';
hs.headingOverlay.offsetY = '-40';
hs.headingOverlay.fade = 0;
hs.lang.number = '%1/%2';
//hs.headlingOverlay.relativeTo = 'image';

// hs.captionOverlay ({
// 	position: 'top left',
// 	relativeTo: 'expander',
// 	offsetY: -30,
// 	offsetX: -50,
// 	fade:0 //Do not change! Keeps caption from flashing off during transitions
// 	});




// Add the slideshow controller
	//Comment out the "slideshowGroup" property as shown below to apply this set of properties to all slideshows on a single the page
hs.addSlideshow({

	//slideshowGroup: 'first-group',
	interval: 0,
	repeat: false,
	useControls: true,
	fixedControls: 'fit',
	 overlayOptions: {
 		//className: 'white-small',
 		opacity: '1',
 		position: 'top center',
 		 offsetX: '',
		//offsetY: '-20',
		offsetY: '-40',
 		hideOnMouseOut: false

	},



		//Thumbstrip object takes the options listed under hs.registerOverlay
		//This is the group of thumbnails on the expander
		//thumbstrip: {
		//	thumbnailId: null, //set to 'null' to apply same overlay to all slides in a slideshowGroup (e.g. same caption), other wise specify ID of the thumbnail this property applies to
			mode: 'vertical',
		//	position: 'top right',
		//	relativeTo: 'image',
		//	offsetX: '42',
		//	offsetY: '0'
		//}

});


// gallery config object
	//Create one of these objects (shown below) for each slideshow on the page, identifying it as 'config1', config2', etc. A both the config parameter and the slideshowGroup parameter to the 'onclick' function call of the first thumbnail in each group like this: onclick="return hs.expand(this, config1, {slideshowGroup: 'group1' })"

var config1 = {

	slideshowGroup: 'group1',
	thumbnailId: 'thumb1',
	//assign the captionId to the caption div in the html for each slideshow.
	captionId: 'caption1',
	numberPosition: 'heading',
	transitions: ['expand', 'crossfade']
};


// gallery config object

var config2 = {
	slideshowGroup: 'group2',
	thumbnailId: 'thumb2',
	captionId: 'caption2',
	numberPosition: 'heading',
	transitions: ['expand', 'crossfade']

};

// gallery config object

var config3 = {
	slideshowGroup: 'group3',
	thumbnailId: 'thumb3',
	captionId: 'caption3',
	numberPosition: 'heading',
	transitions: ['expand', 'crossfade']

};

// gallery config object

var config4 = {
	slideshowGroup: 'group4',
	thumbnailId: 'thumb4',
	captionId: 'caption4',
	numberPosition: 'heading',
	transitions: ['expand', 'crossfade']

};

var config5 = {
	slideshowGroup: 'group5',
	thumbnailId: 'thumb5',
	captionId: 'caption5',
	numberPosition: 'heading',
	transitions: ['expand', 'crossfade']

};

var config6 = {
	slideshowGroup: 'group6',
	thumbnailId: 'thumb6',
	captionId: 'caption6',
	numberPosition: 'heading',
	transitions: ['expand', 'crossfade']

};

// gallery config object

var config7 = {
	slideshowGroup: 'group7',
	thumbnailId: 'thumb7',
	captionId: 'caption7',
	numberPosition: 'heading',
	transitions: ['expand', 'crossfade']

};

var config8 = {
	slideshowGroup: 'group8',
	thumbnailId: 'thumb8',
	captionId: 'caption8',
	numberPosition: 'heading',
	transitions: ['expand', 'crossfade']

};

var config9 = {
	slideshowGroup: 'group9',
	thumbnailId: 'thumb9',
	captionId: 'caption9',
	numberPosition: 'heading',
	transitions: ['expand', 'crossfade']

};

var config10 = {
	slideshowGroup: 'group10',
	thumbnailId: 'thumb10',
	captionId: 'caption10',
	numberPosition: 'heading',
	transitions: ['expand', 'crossfade']

};

var config11 = {
	slideshowGroup: 'group11',
	thumbnailId: 'thumb11',
	captionId: 'caption11',
	numberPosition: 'heading',
	transitions: ['expand', 'crossfade']

};

var config12 = {
	slideshowGroup: 'group12',
	thumbnailId: 'thumb12',
	captionId: 'caption12',
	numberPosition: 'heading',
	transitions: ['expand', 'crossfade']

};