hs.graphicsDir = '../highslide/graphics/';
       hs.align = 'center';
       hs.transitions = ['expand', 'crossfade'];
       hs.fadeInOut = true;

    // Add the slideshow providing the controlbar and the thumbstrip
    hs.addSlideshow({
       slideshowGroup: 'group2',
       interval: 5000,
       repeat: true,
       useControls: true,
       overlayOptions: {
          position: 'bottom right',
          offsetY: 20
       },
       thumbstrip: {
          position: 'bottom left',
          mode: 'horizontal',
          relativeTo: 'expander',
         opacity: .90
       }
    });

    // Options for the in-page items
    var inPageOptions = {
       slideshowGroup: 'group2',
      outlineType: null,
       allowSizeReduction: false,
       wrapperClassName: 'in-page controls-in-heading',
       useBox: true,
       width: 674,
       height: 357,
       targetX: 'gallery-area',
       targetY: 'gallery-area',
       captionEval: 'this.thumb.alt'
    
    }

    // Open the first thumb on page load
    hs.addEventListener(window, 'load', function() {
       document.getElementById('thumb2').onclick();
    });

    // Cancel the default action for image click and do next instead
    hs.Expander.prototype.onImageClick = function() {
       if (/in-page/.test(this.wrapper.className))   return hs.next();
    }

    // Under no circumstances should the static popup be closed
    hs.Expander.prototype.onBeforeClose = function() {
       if (/in-page/.test(this.wrapper.className))   return false;
    }
    // ... nor dragged
    hs.Expander.prototype.onDrag = function() {
       if (/in-page/.test(this.wrapper.className))   return false;
    }

    // Keep the position after window resize
    hs.addEventListener(window, 'resize', function() {
       var i, exp;
       hs.getPageSize();

       for (i = 0; i < hs.expanders.length; i++) {
          exp = hs.expanders[i];
          if (exp) {
             var x = exp.x,
                y = exp.y;

             // get new thumb positions
             exp.tpos = hs.getPosition(exp.el);
             x.calcThumb();
             y.calcThumb();

             // calculate new popup position
              x.pos = x.tpos - x.cb + x.tb;
             x.scroll = hs.page.scrollLeft;
             x.clientSize = hs.page.width;
             y.pos = y.tpos - y.cb + y.tb;
             y.scroll = hs.page.scrollTop;
             y.clientSize = hs.page.height;
             exp.justify(x, true);
             exp.justify(y, true);

             // set new left and top to wrapper and outline
             exp.moveTo(x.pos, y.pos);
          }
       }
    });

    // Dynamic dimmer zIndex mod:
    hs.dim = function(exp) {
       if (!hs.dimmer) {
          hs.dimmer = hs.createElement ('div',
             {
                className: 'highslide-dimming highslide-viewport-size',
                owner: '',
                onclick: function() {
                   if (hs.fireEvent(hs, 'onDimmerClick')) hs.close();
                }
             }, {
                    visibility: 'visible',
                opacity: .75
             }, hs.container, true);
       }
       hs.dimmer.style.zIndex = exp.wrapper.style.zIndex - 2;
       hs.dimmer.style.display = '';
       hs.dimmer.owner += '|'+ exp.key;
       if (hs.geckoMac && hs.dimmingGeckoFix)
          hs.setStyles(hs.dimmer, {
             background: 'url('+ hs.graphicsDir + 'geckodimmer.png)',
             opacity: 1
          });
       else
          hs.animate(hs.dimmer, { opacity: exp.dimmingOpacity }, hs.dimmingDuration);
    };