main.js

var myClasses = ["Scripting", "Compositing", "Narrative", "Exhibition", "Work"];
var imageHolder = document.querySelector ("#imageHolder");
var webProfHeader = document.querySelector ("#webProf");

function createImageOnPage(course) {
	var singleImageHolder = document.createElement("div");
	var singleImage = document.createElement("img");
	var singleTitle = document.createElement("h1");
		singleTitle.classList.add("hidden");
		
	singleTitle.innerHTML = course;
	singleImage.src = "img/" + course + ".png";
	
	singleImageHolder.appendChild(singleTitle);
	singleImageHolder.appendChild(singleImage);
	
	singleImage.addEventListener("click", function() {
	singleTitle.classList.remove("hidden");
	});
	
	imageHolder.appendChild(singleImageHolder);
}

function checkForProfessional() {
	//search myClass array for "Scripting"
	
	if ( (myClasses.indexOf("Scripting") != -1) && (myClasses.indexOf("Work") != -1) ) {
	webProfHeader.classList.remove("hidden");
	}
}

function loopThroughClasses () {

	checkForProfessional();
	
	for (var i=0; i<myClasses.length; i++) {
	
		createImageOnPage(myClasses[i]);
	
	}
}

loopThroughClasses();