var btnOk = false;
var presentlySelected = "beth";

var names = Array("beth","ned","melvin","question");
var alts = Array(" - CIM Trained Marketing Consultant",
				 " - Development platform and infrastructure expert",
				 " - Funky Brand Monkey",
				 " - Marketing, Graphic and Website Design Vacancies");

document.open();
document.write("<div id=\"buttonBlock\">");

for (var i = 0; i < names.length; i++) {
	document.write("<div class=\"monkeyButton\">");
	document.write("<img src=\"images/" + names[i] + "thumb50x50.gif\" width=\"50\" height=\"50\" border=\"0\" alt=\"" + names[i].substr(0, 1).toUpperCase() +  names[i].substr(1) + alts[i] + "\" onclick=\"swopContent('" + names[i] + "');\" />");
	document.write("</div>");
}

document.write("</div>");
document.close();

function swopContent(varIn) {
	if (btnOk) {
		
		var divOff = document.getElementById(presentlySelected);
		divOff.style.visibility = "hidden";
		divOff.style.display = "none";

		var divOn = document.getElementById(varIn);
		divOn.style.visibility = "visible";
		divOn.style.display = "block";

		presentlySelected = varIn;
	}
}

function hideBlocks() {

	for (var i = 0; i < names.length; i++) {	
		var divOff = document.getElementById(names[i]);
		divOff.style.visibility = "hidden";
		divOff.style.display = "none";
	}
}