// toggle visibility
function toggle(targetId)
{
	other = document.getElementById('image');
	nextprev = document.getElementById('gal-nav');
	target = document.getElementById(targetId);

	if (target.style.display == "none") {
		other.style.display = "none";
		nextprev.style.display = "none";
		target.style.display = "block";
	} else {
		nextprev.style.display = "block";
		target.style.display = "none";
		other.style.display = "block";
	} 

}

function showImage(no) {
	
	//var no = no;
	num = no;
	var theImage = getImage(num);
	
	total = gimg.length;
	var place = num + 1;
	
	var image = theImage[0];
	var thetitle = theImage[1];
	var thetag = theImage[2];
	
	document.getElementById('thumbnails').style.display = 'none';
	document.getElementById('image').style.display = 'block';
	document.getElementById('gal-nav').style.display = 'block';

	//document.getElementById('gal-place').innerHTML = place+" of "+total;

	var html = "<p class='over'>"+thetitle+"</p><p class='overtags'>"+thetag+"</p><div class='cl'><!-- --></div><img id='under' src='/gimgs/"+image+"' />";
	document.getElementById('image').innerHTML = html;
}


function getImage(no)
{
	if (gimg[no] == undefined) { exit; }
	return gimg[no];
}

function prevImage() {
	
	nom = num - 1;
	var place = num;

	var theImage = getImage(nom);
	
	var image = theImage[0];
	var thetitle = theImage[1];
	var thetag = theImage[2];
	
	num = nom;
	
	var html = "<p class='over'>"+thetitle+"</p><p class='overtags'>"+thetag+"</p><div class='cl'><!-- --></div><img id='under' src='/gimgs/"+image+"' border='0' />";
	document.getElementById('image').innerHTML = html;
}

function nextImage() 
{	
	nom = num + 1;
	var place = nom + 1;

	var theImage = getImage(nom);

	var image = theImage[0];
	var thetitle = theImage[1];
	var thetag = theImage[2];

	num = nom;
	
	var html = "<p class='over'>"+thetitle+"</p><p class='overtags'>"+thetag+"</p><div class='cl'><!-- --></div><img id='under' src='/gimgs/"+image+"' border='0' />";
	document.getElementById('image').innerHTML = html;	
}

function firstImage() 
{	
	nom = 0;

	var theImage = getImage(0);

	var image = theImage[0];
	var thetitle = theImage[1];
	var thetag = theImage[2];

	num = nom;
	
	var html = "<p class='over'>"+thetitle+"</p><p class='overtags'>"+thetag+"</p><div class='cl'><!-- --></div><img id='under' src='/gimgs/"+image+"' border='0' />";
	document.getElementById('image').innerHTML = html;	
}