/***********************************************************************************************

Copyright (c) 2005 - Alf Magne Kalleland post@dhtmlgoodies.com

UPDATE LOG:

March, 10th, 2006 : Added support for a message while large image is loading

Get this and other scripts at www.dhtmlgoodies.com

You can use this script freely as long as this copyright message is kept intact.

***********************************************************************************************/ 
 	
var displayWaitMessage=true;	// Display a please wait message while images are loading?
var imageGalleryCaptions = new Array();

function showPreview(imagePath,imageHref,imageTitle,imageIndex){
	var subImages = document.getElementById('previewPane').getElementsByTagName('IMG');
	var subHref = document.getElementById('previewPane').getElementsByTagName('A');
	
	if(subImages.length==0){
		var img = document.createElement('IMG');
		document.getElementById('previewPane').appendChild(img);
	}else img = subImages[0];
	
	if(subHref.length==0){
		var links = document.createElement('A');
		document.getElementById('previewPane').appendChild(links);
	}else links = subHref[0];
	
	if(displayWaitMessage){
		document.getElementById('waitMessage').style.display='inline';
	}
	
	document.getElementById('largeImageCaption').style.display='none';
	img.onload = function() { hideWaitMessageAndShowCaption(imageIndex-1); };
	img.src = imagePath;
	img.title = imageTitle;
	img.width = 630;
	img.height = 400;
	
	links.href = imageHref;
	links.title = imageTitle;
}


function initSlideShow()
{
	imageGalleryObj = document.getElementById('theImages');
	var divs = imageGalleryObj.getElementsByTagName('DIV');
	for(var no=0;no<divs.length;no++){
		if(divs[no].className=='imageCaption')imageGalleryCaptions[imageGalleryCaptions.length] = divs[no].innerHTML;
	}
}

function hideWaitMessageAndShowCaption(imageIndex)
{
	document.getElementById('waitMessage').style.display='none';	
	document.getElementById('largeImageCaption').innerHTML = imageGalleryCaptions[imageIndex];
	document.getElementById('largeImageCaption').style.display='none';
}
window.onload = initSlideShow;