function togglePicInfo(pic_id){
	var currentInfo = document.getElementById('pg_InfoHolder_' + pic_id.toString());
	var currentMore = document.getElementById('pg_MoreInfoButton_' + pic_id.toString());
	if (currentInfo.style.display == "none")
	{
		currentMore.innerHTML = "HIDE INFO";
		document.getElementById('pg_InfoHolder').style.display = "block";
		currentInfo.style.display = "block";
	}
	else
	{
		currentMore.innerHTML = "SHOW INFO";
		document.getElementById('pg_InfoHolder').style.display = "none";
		currentInfo.style.display = "none";
	}
	return true;
}

function loadPic(pic_id, pic_title, width, height, bgcolor)
{
  if (isNaN(pic_id))
	{
		pic_id = 0;
	}
	var infoHolder = document.getElementById('pg_InfoHolder');
	var infosArray = infoHolder.getElementsByTagName('DIV');
  var moreHolder = document.getElementById('pg_MoreInfoButton');
	var moreArray = moreHolder.getElementsByTagName('A');
  var enlargeHolder = document.getElementById('pg_EnlargeButton');
	var enlargeArray = enlargeHolder.getElementsByTagName('IMG');
	var galleryH1 = document.getElementById('pg_PicTitle');

	//hide all infos
	for (var i = 0; i < infosArray.length; i++)
	{
		infosArray[i].style.display = "none";
	}
	//switch the more info button
	for (var m = 0; m < moreArray.length; m++)
	{
		if (moreArray[m].id == 'pg_MoreInfoButton_'+pic_id.toString())
		{
			moreArray[m].style.display = "block";
			moreArray[m].innerHTML = "SHOW INFO";
		}
		else
		{
			moreArray[m].style.display = "none";
		}
	}
	//switch the enlarge image button
	for (var e = 0; e < enlargeArray.length; e++)
	{
		if (enlargeArray[e].id == 'pg_EnlargeButton_'+pic_id.toString())
		{
			enlargeArray[e].style.display = "inline";
		}
		else
		{
			enlargeArray[e].style.display = "none";
		}
	}
	//switch image
	document.getElementById('pg_ImageHolder').style.background='url(/galleryimage.php?id='+pic_id+'&w='+width+'&h='+height+'&bgcolor='+bgcolor+')';
	return true;
}