
hs.showCredits = false;
hs.graphicsDir = '/js/highslide/graphics/';
hs.align = 'center';
hs.width = 469;
hs.height = 404;
	
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 (overriding this)
   //div.innerHTML = sender.thumb.alt;
   // writing the close button instead
   div.innerHTML = "<a href='#' onclick='return hs.close(this)' title='Close'><img src='/js/highslide/graphics/close.png' alt='' /></a>";
   // optional: set full width based on the image size minus the CSS padding (disabled)
   //div.style.width = (sender.x.span - 20) +'px';
   // attatch it to this hs.Expander instance and add some options
   sender.createOverlay( { overlayId: div, position: "top right", hideOnMouseOut: false, opacity: 1 } );
}

