var currentImage = 1;
var thumbsDiv;
var thumbDiv;
var labelDiv;
var previousSpan;
var nextSpan;
var pictureImg;
var previousSpan2;
var nextSpan2;

function startupGallery()
{
	try
	{
		if (document.getElementById)
		{
			var count;
			thumbsDiv=document.getElementById('thumbs');
			labelDiv=document.getElementById('label');
			previousSpan=document.getElementById('previousImage');
			nextSpan=document.getElementById('nextImage');
			pictureImg=document.getElementById('pictureImg');

			previousSpan2=document.getElementById('previousImage2');
			nextSpan2=document.getElementById('nextImage2');
			
			for (count = 1; count <= imageCount; count++)
			{		
				if (!imageLabels[count-1]) imageLabels[count-1] = "img"+count+".jpg"
				
				thumbsDiv.innerHTML += "<div id='thumb"+count+"' class='thumb' style='background-image: url("+galleryPath+"/small/img"+count+".jpg);' title='"+imageLabels[count-1]+" &raquo; Click to view picture.' onClick='showImage("+count+")'>&#160;</div>";
			}
						
			showImage(currentImage);
						
			previousSpan.onclick=showPreviousImage;
			nextSpan.onclick=showNextImage;
			previousSpan2.onclick=showPreviousImage;
			nextSpan2.onclick=showNextImage;
			pictureImg.onclick=showLargeImage;
		}
	}
	catch(e){alert(e.message);}			
}
function showImage(selectedImage)
{
	try
	{
		currentImage = selectedImage;

		pictureImg.src = galleryPath+'/medium/img'+currentImage+'.jpg';
		pictureImg.alt = imageLabels[currentImage-1];
		pictureImg.title = imageLabels[currentImage-1] + ' - Click to view picture full size';
		labelDiv.innerHTML = imageLabels[currentImage-1];
		
		for (count = 1; count <= imageCount; count++)
		{		
			thumbDiv=document.getElementById('thumb'+count);
			thumbDiv.className = 'thumb';
		}
		
		thumbDiv=document.getElementById('thumb'+currentImage);		
		thumbDiv.className = 'selectedThumb';
	}
	catch(e){alert(e.message);}	
}
function showLargeImage()
{
	try
	{
		window.open(galleryPath+'/large/img'+currentImage+'.jpg');
	}
	catch(e){alert(e.message);}	
}
function showPreviousImage()
{
	try
	{
		if(currentImage!=1)
		{
			showImage(currentImage-1);
		}else{
			showImage(imageCount);
		}
	}
	catch(e){alert(e.message);}	
}
function showNextImage()
{
	try
	{
		if(currentImage!=imageCount)
		{
			showImage(currentImage+1);
		}else{
			showImage(1);
		}
	}
	catch(e){alert(e.message);}	
}