// Add the controlbar
	if (hs.addSlideshow) hs.addSlideshow({
		//slideshowGroup: 'group1',
		interval: 5000,
		repeat: false,
		useControls: true,
		fixedControls: false,
		overlayOptions: {
			opacity: 0.75,
			position: 'top center',
			hideOnMouseOut: true
		}
});	

    // set options selected in the Boxer Highslide JS tab	
    hs.graphicsDir = 'res/graphics/';
    hs.outlineType = 'rounded-white';
    hs.showCredits = false;
    hs.autoplay = false;
    hs.dimmingDuration = 200;
    hs.fadeInOut = false;
    hs.align = 'center';
	hs.dimmingOpacity = 0.75;
    
    
    hs.transitions = ['expand', 'crossfade'];
    
    
    hs.numberOfImagesToPreload = "5";
    
    
        
            hs.easing = "easeOutBack";
            hs.easingClose = "easeInBack";
            
            hs.expandDuration = 250;
            hs.restoreDuration = 250;
            
        
    

// translate text from the Boxer Translate tab
hs.lang = {
   cssDirection:     'ltr',
   loadingText :     "Loading...",
   loadingTitle :    "Click to cancel",
   focusTitle :      "Click to bring to front",
   fullExpandTitle : "Expand to actual size",
   fullExpandText :  "Expand to actual size",
   creditsTitle :    'Go to the Highslide JS Homepage',
   previousText :    "Previous (left arrow key)",
   previousTitle :   "Previous (left arrow key)",
   nextText :        "Next (right arrow key)",
   nextTitle :       "Next (right arrow key)",
   moveTitle :       "Click and drag to move",
   moveText :        "",
   closeText :       "",
   closeTitle :      "Close",
   resizeTitle :     "Resize",
   playText :        "Play (spacebar)",
   playTitle :       "Play (spacebar)",
   pauseText :       "Pause (spacebar)",
   pauseTitle :      "Pause (spacebar)",
   number :          '%1/%2',
   restoreTitle :    "Click to close image, click and drag to move. Use arrow keys for next and previous."
};