var currentImage;
function makeThumbnails() {

	var tntext,row,col,im;

	$('#galTitle').html('<b>'+galName+'</b>');
    tnText = "<table cellspacing='0' cellpadding='12' border='0' width='100%'>";
	im = 0;
    for (row = 0 ; row <= (cap.length+3)/4; row++ )
    {
        tnText += '<tr>';
		for (col = 1; col <= 4; col++)
		{
			if (im < cap.length) 
			{
		        tnText += "<td width='25%' align='center' valign='middle'>";
				tnText += '<img src="'+ galDir + "tn_" + gimg[im] + '" alt="'+ cap[im] + '" border="2" id="i'+im +'" class="gimg"';
				tnText += 'onmousedown="showImage('+im+')"></td>';
				im++;
			}
			else
			{
		        tnText += "<td width='25%' align='center' valign='middle'>&nbsp;</td>";
			}

		}
		tnText += "</tr>";
    }	
	tnText += "</table>	";

	$('#gt').html(tnText);

}

function showImage(n) {

	$('.galThumbnails').hide();
	$('#imgNow').attr('src',galDir + gimg[n]);
	$('#imgCap').html('<b>'+cap[n]+'</b>');
	$('.galImages').show();
	currentImage = n;
}

function showThumbs() {

	$('#imgNow').attr('src','');
	$('#imgCap').html('&nbsp;');
	$('.galImages').hide();
	$('.galThumbnails').show();
	currentImage = 0;
}


function showNext() {
	currentImage++;
	if (currentImage >= cap.length) currentImage = 0;
	$('#imgNow').attr('src',galDir + gimg[currentImage]);
	$('#imgCap').html('<b>'+cap[currentImage]+'</b>');
}

function showPrev() {
	currentImage--;
	if (currentImage < 0) currentImage = cap.length-1;
	$('#imgNow').attr('src',galDir + gimg[currentImage]);
	$('#imgCap').html('<b>'+cap[currentImage]+'</b>');
}