/**
*	Site-specific configuration settings for Highslide JS
*/
hs.expandCursor = null; // null disables
hs.restoreCursor = null; // null disables
hs.graphicsDir = 'js/highslide/graphics/';
hs.numberOfImagesToPreload = 10000;
hs.fadeInOut = true;
hs.showCredits = false;
hs.dimmingOpacity = 0.7;
hs.dimmingDuration = 300;
hs.outlineType = 'custom';
hs.align = 'center';
hs.allowMultipleInstances = false;
hs.transitions = ['expand', 'crossfade'];
hs.registerOverlay({
	html: '<div class="closebutton" onclick="return hs.close(this)" title="Close"></div>',
	position: 'top right',
	offsetY: '-5',
	useOnHtml: true,
	fade: 2 // fading the semi-transparent overlay looks bad in IE
});
hs.registerOverlay({
  html: '<div class="highslide-controls"><div class="highslide-next" onclick="return hs.next(this)" title="Next"><a href="javascript:null;"></a></div></div>',
	position: 'middle right',
  	hideOnMouseOut: true,
	useOnHtml: true,
	fade: 2 // fading the semi-transparent overlay looks bad in IE
});
hs.registerOverlay({
  html: '<div class="highslide-controls"><div class="highslide-previous" onclick="return hs.previous(this)" title="Previous"><a href="javascript:null;"></a></div></div>',
	position: 'middle left',
  	hideOnMouseOut: true,
	useOnHtml: true,
	fade: 2 // fading the semi-transparent overlay looks bad in IE
});

$(document).ready(function() {
	//image directory
	var imgDirPre = "../";
	var imgDir = "img/work/popups/";
	$('.trigger').each(function(){
		var id = $(this).attr('id');
		var imgDirId = imgDir + id;
		$.post("php/img_count.php", {dir: imgDirPre + imgDirId}, function(num_imgs){createOverlay(num_imgs, id, imgDirId)});														
	})
});

function createOverlay(num_imgs, id, imgDirId){
	var textToInsert = [];
	var links = $('<div class="hidden-container">');
	for(var i = 2; i <= num_imgs; i++){
		var j = 0;
		textToInsert[j++] = '<a class="highslide" onclick="return hs.expand(this, {slideshowGroup: \''; 
		textToInsert[j++] = id;
		textToInsert[j++] = '\', thumbnailId: \'thumb_';
		textToInsert[j++] = id;
		textToInsert[j++] = '\' })" href="';
		textToInsert[j++] = imgDirId;
		textToInsert[j++] = '/';
		textToInsert[j++] = i;
		textToInsert[j++] = '.jpg"></a>';
		links.append(textToInsert.join(''));
	}
	$('#'+id).append(links);
	
	// Add the slideshow controller
	hs.addSlideshow({
		slideshowGroup: id,
		interval: 3000,
		repeat: false,
    	autoplay: false/*,
		useControls: false,
		fixedControls: 'fit',
		overlayOptions: {
			//className: 'controls-in-heading',
			opacity: '0.75',
			position: 'bottom center',
			offsetX: '0',
			offsetY: '25',
			hideOnMouseOut: false
		}*/
	});
}