// Creates the source based on the image and CUAC entered.
var imageDiv = document.getElementById('pibimages');
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 = '<!-- PIB Secured Link -->\n <a href="https://pib.itsme247.com/LoginPage.aspx?CUID='+
				cuac +'" target="_blank"> <img src="'+
				this.src +'" alt="PIB Protected" style="font-size: 1.5em; font-weight: bold; letter-spacing: -1.5pt;" /> </a>\n <!-- PIB Secured Link -->';
			output.innerHTML = '';
			var txtNode = document.createTextNode(html);
			output.appendChild(txtNode);
			demo.innerHTML = html;
			window.location ="#output";

			output.select();
		}
	}
}