/**
*	roastmaster page-specific configuration settings for Highslide JS
*/
hs.graphicsDir = 'highslide/graphics/';
hs.showCredits = false;
hs.creditsPosition = 'bottom left';
hs.outlineType = 'custom';
hs.align = 'center';
hs.padToMinWidth = true;
hs.marginTop = 20;
hs.useBox = true;
hs.width = 550;
hs.height = 500;
hs.allowMultipleInstances = false;
hs.captionEval = 'this.a.title';
hs.captionOverlay.position = 'below';
hs.blockRightClick = true;
hs.registerOverlay({
	html: '<div class="closebutton" onclick="return hs.close(this)" title="Close"></div>',
	position: 'top right',
	useOnHtml: true,
	fade: 2 // fading the semi-transparent overlay looks bad in IE
});

// Add the slideshow controller
hs.addSlideshow({
	slideshowGroup: 'group1',
	interval: 4500,
	repeat: false,
	useControls: true,
	fixedControls: 'fit',
	overlayOptions: {
		className: 'controls-in-heading',
		opacity: '0.75',
		position: 'bottom center',
		offsetX: '0',
		offsetY: '90',
		hideOnMouseOut: false
	},
	thumbstrip: {
		mode: 'horizontal',
		position: 'above',
		relativeTo: 'image',
		width: '500px'
	}

});

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

// POPUP BOXES

    //  very very small popup object
    var htmlPopupSmaller = {
       objectType: 'ajax',
       width: 250,
       height:195,
       wrapperClassName: 'no-header'
       };
	  
    //  small popup object
    var htmlPopupSmall = {
       objectType: 'ajax',
       width: 250,
       height:215,
       wrapperClassName: 'no-header'
       };
	  
    //  medium popup object
    var htmlPopupMedium = {
       objectType: 'ajax',
       width: 250,
       height:275,
       wrapperClassName: 'no-header'
       };	  
	  	 
	    //  medium large popup object
    var htmlPopupMediumlarge = {
       objectType: 'ajax',
       width: 250,
       height:325,
       wrapperClassName: 'no-header'
       };	  
	    
	 	  
	// bigger medium popup object
	var htmlPopup = {
	objectType: 'ajax',
	width: 250,
	height:350,
	wrapperClassName: 'no-header'
	};
	
	
    // less large popup object	  
	    var htmlPopupLesslarge = {
       objectType: 'ajax',
       width: 500,
       height:430,
       wrapperClassName: 'no-header'
       };
	  
	    
    // large popup object
    var htmlPopupLarge = {
       objectType: 'ajax',
       width: 500,
       height:610,
       wrapperClassName: 'no-header'
       };