// FUNCTION: viewLarger - controller for "click to enlarge" image display
var viewLarger = function (imageSelect, setWidth, setHeight) {
	var largeContainer = document.getElementById('viewLarger_Container');
	if ( largeContainer.style.display !== 'block' ) {
		// get the selected images source and replace _small with _large
		var getImage = document.getElementById(imageSelect);
		var chosenImage = getImage.getAttribute('src').replace(/_small/, '_large');
		// set viewLarget_Image src to cI
		var largeImage = document.getElementById('viewLarger_Image');
		largeImage.setAttribute('src', chosenImage);
		largeContainer.style.display = 'block';
		// FUNCTION: setImageOpts - controller for setting image dimensions and container attributes
		var setImageOpts = function () {
			// get image width and height
			var imageWidth;
			var imageHeight;
			if (!setWidth) {
				imageWidth = 640;
			} else {
				imageWidth = setWidth;
			}
			if (!setHeight) {
				imageHeight = 480;
			} else {
				imageHeight = setHeight;
			}
			// set image width and height
			largeContainer.style.width = imageWidth + 'px';
			largeContainer.style.height = imageHeight + 'px';
			// get screen width and height
			var sWidth = screen.width;
			var sHeight = screen.height;
			// FUNCTION: getScrollXY - set x and y coordinates for image container
			function getScrollXY() {
				// get scroll values
				var scrOfX = 0, scrOfY = 0;
				if( typeof( window.pageYOffset ) == 'number' ) {
					//Netscape compliant
					scrOfY = window.pageYOffset;
					scrOfX = window.pageXOffset;
				} else if( document.body && ( document.body.scrollLeft || document.body.scrollTop ) ) {
					//DOM compliant
					scrOfY = document.body.scrollTop;
					scrOfX = document.body.scrollLeft;
				} else if( document.documentElement && ( document.documentElement.scrollLeft || document.documentElement.scrollTop ) ) {
					//IE6 standards compliant mode
					scrOfY = document.documentElement.scrollTop;
					scrOfX = document.documentElement.scrollLeft;
				}
				// set x/y coords
				var x = largeContainer.style.left = (scrOfX + (sWidth/2)) - (imageWidth/2) + 'px';
				var y = largeContainer.style.top = ((scrOfY + (sHeight/2)) - (imageHeight/2) - 75) + 'px';
			}
			getScrollXY();
		};
		setImageOpts();
	} else {
		// hide container
		largeContainer.style.display = 'none';
	}
};