// Highslide JavaScript  for home page

hs.graphicsDir = '/highslide/graphics/';
   hs.align = 'center';
   hs.transitions = ['expand', 'crossfade'];
   hs.outlineType = 'drop-shadow';
   hs.fadeInOut = true;
   hs.dragHandler = null;
   hs.showCredits = false;
   hs.transitionDuration = 1000;   
   hs.lang.loadingText = '';
      
   // Add the controlbar
   if (hs.addSlideshow) hs.addSlideshow({
      //slideshowGroup: 'group1',
      interval: 5500,
      repeat: true,
      useControls: false,
      fixedControls: false,
      overlayOptions: {
         opacity: .75,
         position: 'top center',
         hideOnMouseOut: true
      }
   });

 // Options for the in-page items
   var inPageOptions = {
      //slideshowGroup: 'group1',
      outlineType: null,
      allowSizeReduction: false,
      wrapperClassName: 'in-page controls-in-heading',
      useBox: true,
      width: 650,
      height: 488,
      targetX: 'my-target 0px', // 0px to the right of the target
      targetY: 'my-target 40px',
      autoplay: true
}  
	  
// Open the first thumb on page load
hs.addEventListener(window, 'load', function() {
	document.getElementById('thumb1').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);
		}
	}
});