// Portfolio Project Showcase JavaScript Functions

// Show a new image and Caption
function ShowNewImage(clickNodeNum) {
	var oImgNavList = document.getElementById('ProjShowcaseImgNav').getElementsByTagName('div');
	var oDivDisplayImage = document.getElementById('ProjShowcaseImage');
	var oDivDisplayCaption = document.getElementById('ProjShowcaseImgCaption');
	var oImgList = document.getElementById('ProjShowcaseImgList').getElementsByTagName('img');

	var countImgNavListNode = 0;
	for (var i = 0; i < oImgNavList.length; i++) {
		countImgNavListNode = countImgNavListNode + 1;
		if (countImgNavListNode == clickNodeNum) { 
			if (oImgNavList[i].className == 'ImgNavButtonCurrent') break;

			oImgNavList[i].className = 'ImgNavButtonCurrent';
			oDivDisplayImage.src = oImgList[countImgNavListNode - 1].src;
			oDivDisplayCaption.innerHTML = oImgList[countImgNavListNode - 1].alt;
		} else {
			oImgNavList[i].className = 'ImgNavButton';
		}
	}
};