// Creates the source based on the image and CUAC entered.
var imageDiv = document.getElementById('loginimages');
var images = imageDiv.getElementsByTagName('img');

var output = document.getElementById('output');
//var demo = document.getElementById('demo');

for(i=0; i < images.length; i++) {
	var currentSrc = images[i].src;
	images[i].onclick = function () {
		var cuac = document.getElementById('cuac').value;
		if (cuac.length < 3) {
			document.getElementById('cuac').focus();
			alert('Please enter your 3-digit CU Number number');
		} else {
			var html = '<!-- Login Image Link --> <a href="https://www.itsme247.com/'+
				cuac +'/" target="_blank"> <img src="'+
				this.src +'" alt="Online Banking Login" style="font-size: 1.5em; font-weight: bold; letter-spacing: -1.5pt;" /> </a> <!-- Login Image Link -->';
			output.innerHTML = '';
			var txtNode = document.createTextNode(html);
			output.appendChild(txtNode);
			demo.innerHTML = html;
			window.location ="#output";

			output.select();
		}
	}
}