/* Global Vars */
var activeImage = 0;
var totalImgs = arr_workImages.length;

/* Our Work Functions */
/* This swaps buckets of content / copy */
function showContent(whichView) {
	activeGroup = whichView;
	for( var i = 0; ; i++ ) {
		 if(document.getElementById('image_caption' + i) == undefined) { 
		 	break;
		} else {
			document.getElementById('image_caption' + i).style.display = "none";
		}
	}
	document.getElementById('image_caption' + whichView).style.display = "block";
}

/* This swaps image number counter */
function showNumber(whichView) {
	activeGroup = whichView;
	for( var i = 0; ; i++ ) {
		 if(document.getElementById('image_num' + i) == undefined) { 
		 	break;
		} else {
			document.getElementById('image_num' + i).style.display = "none";
		}
	}
	document.getElementById('image_num' + whichView).style.display = "inline";
}


/* This controls image advance via number buttons */
function swapWorkImage(whichImg) {
	activeImage = whichImg;
	document.getElementById('feature_image').src = arr_workImages[whichImg];
	for(var k=0; k<totalImgs; k++) {
		document.getElementById('img-button' + k).src = '../common/images/btn-img' + k + '.gif'
	}
	document.getElementById('img-button' + whichImg).src = '../common/images/btn-img' + whichImg + '-on.gif'
	if (activeImage == 0) {
		document.getElementById('prev_image').src = '../common/images/icon-arrowLeft_dead.gif';
	} else {
		document.getElementById('prev_image').src = '../common/images/icon-arrowLeft.gif';
	}
	if(activeImage == totalImgs - 1) {
		document.getElementById('next_image').src = '../common/images/icon-arrowRight_dead.gif';
	} else {
		document.getElementById('next_image').src = '../common/images/icon-arrowRight.gif';
	}
}


function nextImage() {
	if(activeImage < totalImgs - 1) {
		activeImage = activeImage + 1;
		/*for(var j=0; j<totalImgs; j++) {
			document.getElementById('img-button' + j).src = '../common/images/btn-img' + j + '.gif'
		}
		document.getElementById('img-button' + activeImage).src = '../common/images/btn-img' + activeImage + '-on.gif'*/
		if(document.getElementById('prev_image').src = '../common/images/icon-arrowLeft_dead.gif') {
			document.getElementById('prev_image').src = '../common/images/icon-arrowLeft.gif';
		}
		if(activeImage == totalImgs - 1) {
			document.getElementById('next_image').src = '../common/images/icon-arrowRight_dead.gif';
		}
		document.getElementById('feature_image').src = eval('arr_workImages' + '[' + activeImage + ']');
		showNumber(activeImage);
	}
}

function previousImage() {
	if(activeImage > 0) {
		activeImage = activeImage - 1;
		/*for(var j=0; j<totalImgs; j++) {
			document.getElementById('img-button' + j).src = '../common/images/btn-img' + j + '.gif'
		}
		document.getElementById('img-button' + activeImage).src = '../common/images/btn-img' + activeImage + '-on.gif'*/
		if(activeImage == 0) {
			document.getElementById('prev_image').src = '../common/images/icon-arrowLeft_dead.gif';
		}
		if(document.getElementById('next_image').src = '../common/images/icon-arrowRight_dead.gif') {
			document.getElementById('next_image').src = '../common/images/icon-arrowRight.gif';
		}
		document.getElementById('feature_image').src = eval('arr_workImages' + '[' + activeImage + ']');
		showNumber(activeImage);
	}
}