function toggleBullet(i, t, img)
{
	document.getElementById('previewImageContainer').style.display = "none";
	document.getElementById('bullet'+i).src = (t) ? '/_img/icon_nav_square_over.gif' : '/_img/icon_nav_square.gif';
	document.getElementById('previewImageTag').src = img.src;
	document.getElementById('previewImageContainer').style.top = ((i - 1) * 20) - 35 + 'px';
	document.getElementById('previewImageContainer').style.display = (t) ? 'block' : 'none';
}

function toggleWork(i, t, img)
{
	document.getElementById('previewImageContainer').style.display = "none";
	document.getElementById('bullet'+i).src = (t) ? '/_img/icon_nav_square_simple_h.gif' : ( (i == selectedPic) ? '/_img/icon_nav_square_simple_s.gif' : '/_img/icon_nav_square_simple.gif');
	document.getElementById('previewImageTag').src = img.src;
	document.getElementById('previewImageContainer').style.top = ((i - 1) * 14) - 25 + 'px';
	document.getElementById('previewImageContainer').style.display = (t) ? 'block' : 'none';
}

function viewWorkDetail(id, i)
{
	document.getElementById('detailpic').src = '/getImage.php?id='+id+'&w=782';
	document.getElementById('titlecontainer').innerHTML = titles[i];
	document.getElementById('bullet'+i).src = '/_img/icon_nav_square_simple_s.gif';
	document.getElementById('bullet'+selectedPic).src = '/_img/icon_nav_square_simple.gif';
	selectedPic = i;
	selectedPicId = id;
}

function toggleCommentary()
{
	document.getElementById('comment').style.display = (document.getElementById('comment').style.display == "none") ? "block" : "none";
}

function moveList(type)
{
	switch(type)
	{
		case "up" :
			if(selectedPic > 1)
			{
				viewWorkDetail(picArray[selectedPic-1], selectedPic-1);
			}
		break;
		case "down" :
			if(selectedPic < totalPics)
			{
				viewWorkDetail(picArray[selectedPic+1], selectedPic+1);
			}
		break;
	}
}