	hs.graphicsDir = 'styles/graphics/';
	hs.align = 'center';
	hs.transitions = ['expand', 'crossfade'];
	hs.fadeInOut = true;
	hs.dimmingOpacity = 0.7;
	hs.outlineType = 'rounded-white';
	hs.captionEval = 'this.thumb.alt';
	hs.marginBottom = 105 // make room for the thumbstrip and the controls
	hs.numberPosition = 'caption';

	// Add the slideshow providing the controlbar and the thumbstrip
	hs.addSlideshow({
		//slideshowGroup: 'group1',
		interval: 4000,
		repeat: false,
		useControls: true,
		overlayOptions: {
			className: 'text-controls',
			position: 'bottom center',
			relativeTo: 'viewport',
			offsetY: -60

		},
		thumbstrip: {
			position: 'bottom center',
			mode: 'horizontal',
			relativeTo: 'viewport'
		}
	});

	// Configurations for first gallery
	var gal1 = {
		thumbnailId: 'thumb1', 
		slideshowGroup: 'group1'
	}
	
	// Configurations for second gallery
	var gal2 = {
		thumbnailId: 'thumb2', 
		slideshowGroup: 'group2'
	}

	// Configurations for third gallery
	var gal3 = {
		thumbnailId: 'thumb3', 
		slideshowGroup: 'group3'
	}    
// Configurations for third gallery
	var gal4 = {
		thumbnailId: 'thumb4', 
		slideshowGroup: 'group4'
	}   
// Configurations for third gallery
	var gal5 = {
		thumbnailId: 'thumb5', 
		slideshowGroup: 'group5'
	}   
// Configurations for third gallery
	var gal6 = {
		thumbnailId: 'thumb6', 
		slideshowGroup: 'group6'
	}   

