hs.graphicsDir = 'public/gfx/highslide/graphics/';
hs.outlineType = 'custom';
hs.dimmingOpacity = 0.75;
hs.align = 'center';
hs.captionEval = 'this.a.title';
hs.easing = 'easeInCirc';
hs.captionOverlay.position = 'below';
hs.showCredits = false;
hs.marginBottom = 150;

// Add the slideshow controller
hs.addSlideshow({
    slideshowGroup: 'group1',
    interval: 5000,
    repeat: false,
    useControls: true,
    fixedControls: 'fit',
    overlayOptions: {
        className: 'large-dark',
        opacity: '0.6',
        position: 'bottom center',
        offsetX: '0',
        offsetY: '75',
        hideOnMouseOut: true
    },
    thumbstrip: {
        mode: 'horizontal',
        position: 'bottom center',
        relativeTo: 'viewport'
    }
    

});

// gallery config object
var config1 = {
    slideshowGroup: 'group1',
    transitions: ['expand', 'crossfade']
};