var currentImageIndex = 0;
var numImages;

// JavaScript Document
function initSlideShow(numberOfImages){
	currentImageIndex = 0;
	numImages = numberOfImages;
	if(numImages>0){
		for(i=0; i<numImages; i++){
			adaptSlideshowDimensionsForNextImage($('#SSI'+i));
			$('#SSI'+i).fadeOut(0);
		}
		$("#wrapperDiv").css('width','100%');
		$("#wrapperDiv").css('height','100%');
		$("#wrapperDiv").css('visibility','visible');
		$("#wrapperDiv").css('overflow','visible');				
		$("#loader").fadeOut(500,function(){
										$("#loaderLink").hide();
										$('#SSI0').fadeIn(500)
										setInterval("doSlideShow()",5000)
									});
	}else {
		$("#loaderLink").fadeOut(500);
	}
}

function doSlideShow(){
	$('#SSI'+currentImageIndex).fadeOut(500,function(){
												currentImageIndex = (currentImageIndex+1)%numImages;
												$('#SSI'+currentImageIndex).fadeIn(500);
											});
}

function adaptSlideshowDimensionsForNextImage(img){
	//adapts the image dimensions relative to the image in the buffer
	var maxWidth = 420
	var maxHeight = 420
	
	var w = img.width()
	var h = img.height()
	
	if(w==h){
		img.css('width',maxWidth)
		img.css('height',maxHeight)
	}else if(w>h){
		var newHeight = (h/w)*maxHeight
		img.css('width',maxWidth)
		img.css('height',newHeight)
	} else if(h>w){
		var newWidth = (w/h)*maxWidth
		img.css('width',newWidth)
		img.css('height',maxHeight)					
	}
}