// supplément à HighSlide pour l'iframe 


hs.Expander.prototype.onBeforeExpand = function (sender, e) {
   // create a new DOM element
   var div = document.createElement('div');
   // add a class name to allow CSS styling
   div.className = "highslide-overlay";
   // use the thumbnail's alt attribute as inner HTML
   div.innerHTML = this.a.name;
   // attatch it to this hs.Expander instance and add some options
   sender.createOverlay( { overlayId: div, position: "top left", 
      hideOnMouseOut: false, opacity: 0.8, width: '200px' } );
}

	hs.graphicsDir = '../graphics/';
	hs.align = 'center';
	hs.transitions = ['expand', 'crossfade'];
	hs.outlineType = 'rounded-white';
	hs.fadeInOut = true;
	hs.numberPosition = 'caption';
	hs.wrapperClassName = 'controls-in-heading';
    hs.showCredits = false;
	//hs.dimmingOpacity = 0.75;
	
// define the restraining box -  ajout jr
	hs.useBox = true;
	hs.width = 420;  // peut s'adapter au cas par cas
	hs.height = 315;
	
// position de la grande photo décalée vers la gauche  -  ajout jr. En augmentant le chiffre on pousse à gauche
   hs.marginRight = 350;  // origine 130

// Pris dans Highslide_configurator, qui ne sert pas ici 
// marginLeft : 15,
//marginRight : 15,
//hs;marginTop = 150,     // origine : 15
//marginBottom : 15,
// __________________________
	// Add the controlbar
	if (hs.addSlideshow) hs.addSlideshow({
		slideshowGroup: 'group1', // si on enlève cette ligne l'iframe devient une diapo comme les autres
		interval: 5000,
		repeat: false,
		useControls: true,
		fixedControls: false,
		overlayOptions: {
			opacity: 1,
			position: 'bottom right', /* was 'top right', changed to 'bottom right' */
			hideOnMouseOut: false
		}
	});