// JavaScript Document For the Branding Initiative


 
 	// on window load call setScreenClass function 
	window.onload = generateRandomImage; 
	
	// * * * * * * * * * * * * * * * * * * * * * * * * * * * * * * * * * * * * * * 
 	// function to generate a random set of images
	// * * * * * * * * * * * * * * * * * * * * * * * * * * * * * * * * * * * * * * 	
	function generateRandomImage(){
		
		// get the client screen width
				var clientWidth = document.documentElement.clientWidth;

		// set the table width based on the screen width
				if (clientWidth < 1024) {
					document.getElementById("outsideContainer").style.width = "100%";
				} else if (clientWidth < 1280) {
					document.getElementById("outsideContainer").style.width = "80%";
					document.getElementById("outsideContainer").style.marginLeft = "10%";					
				} else {
					document.getElementById("outsideContainer").style.width = "60%";
					document.getElementById("outsideContainer").style.marginLeft = "20%";
				}

		// generate the random image name
				var who = new Array ("Alex", "Amy", "Chris", "Dana", "Erika", "Matt");
			
		// generate a random number
				var i = Math.floor(6 * Math.random());

		// assign the random image set to image source (src) for the image holders
				document.getElementById("imgMain").src = 'images/' + who[i] + '800.png';
	
	}  // end of generateRandomImage() function