hs.graphicsDir = 'http://www.modernbymokum.com/highslide/graphics/';
hs.showCredits = false;
hs.creditsPosition = 'bottom left';
hs.outlineType = 'custom';
hs.dimmingOpacity = 0.5;
hs.fadeInOut = true;
hs.easing = 'linearTween';
hs.align = 'center';
//hs.useBox = true;
hs.allowMultipleInstances = false;
hs.captionOverlay.position = 'above';
hs.headingEval = 'this.thumb.title';

parent.window.hs = hs;
// Add the slideshow controller
hs.addSlideshow({
	slideshowGroup: 'group1',
	interval: 5000,
	repeat: false,
	useControls: true,
	fixedControls: 'fit',
	overlayOptions: {
	   position: 'top right',
	   offsetX: '50',
	   offsetY: '-30'
	},
	thumbstrip: {
		mode: 'horizontal',
		position: 'below',
		relativeTo: 'image'
	}

});


hs.addSlideshow({
	slideshowGroup: 'group2',
	interval: 5000,
	repeat: false,
	useControls: true,
	fixedControls: 'fit',
	overlayOptions: {
	   position: 'top right',
	   offsetX: '50',
	   offsetY: '-45'
	},
	thumbstrip: {
		mode: 'horizontal',
		position: 'below',
		relativeTo: 'image'
	}

});


var config_main = {
   width: 600,
   height: 400,
   allowSizeReduction: false,
   wrapperClassName: 'controls-in-heading',
   slideshowGroup: 'group2',
   transitions: ['expand', 'crossfade']
};

// gallery config object
var config_second = {
   width: 580,
   height: 400,
   allowSizeReduction: false,
   wrapperClassName: 'controls-in-heading',
   slideshowGroup: 'group1',
   thumbnailId: 'gallery-opener',
   transitions: ['expand', 'crossfade']
};

var config_ajax = {
   objectType: 'ajax', 
   width: 400,
   height: 250
};

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