function hello() {
	document.write('<b>Hello World</b>');
}

function setOpacity(opacity_value, figure) {
 	document.getElementById(figure).style.opacity = opacity_value / 10;
 	document.getElementById(figure).style.filter = 'alpha(opacity=' + opacity_value * 50 + ')';
}

function fadePopup(figure) {
 	var opacity_value = 0;
	for( var i = 0 ; i <= 100 ; i++ ) {
		setTimeout( 'setOpacity(' + (i / 10) + ',"'+figure+'")' , 2 * i );}	
}

function swapPopup(figure_show, figure_hide) {	
 	document.getElementById(figure_hide).style.display = "none"; /* hides div figure */	
 	document.getElementById(figure_show).style.display = "block";
	document.getElementById(figure_show).style.opacity = 0;
	document.getElementById(figure_show).style.filter = "alpha(opacity = 0)";
	fadePopup(figure_show);
}

function showTxt(figure_show) {	
	// document.getElementById(link_hide).style.display = "none";
 	document.getElementById(figure_show).style.display = "block";
	document.getElementById(figure_show).style.opacity = 0;
	document.getElementById(figure_show).style.filter = "alpha(opacity = 0)";
	fadePopup(figure_show);
}

function hideTxt(figure_hide, reveal_link) {	
 	document.getElementById(figure_hide).style.display = "none";
	document.getElementById(reveal_link).style.display = "inline";
}

function highlightTxt(text_id) {	
	document.getElementById(text_id).style.background = '#f9f4c7';
}

<script type="text/javascript">
	  <!--
var highlight = "#931005";

function reset() {
	document.getElementById('depart_one').style.color = "#191919";
	document.getElementById('depart_two').style.color = "#191919";
	document.getElementById('depart_three').style.color = "#191919";
	document.getElementById('depart_four').style.color = "#191919";
	document.getElementById('depart_five').style.color = "#191919";
	
	document.getElementById('course_one').style.color = "#191919";
	document.getElementById('course_two').style.color = "#191919";
	document.getElementById('course_three').style.color = "#191919";
	document.getElementById('course_four').style.color = "#191919";
	
	document.getElementById('student_one').style.color = "#191919";
	document.getElementById('student_two').style.color = "#191919";
	document.getElementById('student_three').style.color = "#191919";
	document.getElementById('student_four').style.color = "#191919";
}

// function showBoarding() {
// 	reset();	
// 	document.getElementById('boarding').style.display = block;
// 	document.getElementById('boarding').style.visibility = visible;
// 	// 	document.getElementById(figure_hide).style.display = "none"; /* hides div figure */	
// 	//  	document.getElementById(figure_show).style.display = "block";
// 	
// }

function showAnalysis() {
	reset();	
	document.getElementById('depart_two').style.color = highlight;
	document.getElementById('depart_three').style.color = highlight;
	document.getElementById('depart_four').style.color = highlight;
	
	document.getElementById('course_one').style.color = highlight;
	document.getElementById('course_two').style.color = highlight;
	document.getElementById('course_three').style.color = highlight;

	document.getElementById('student_one').style.color = highlight;	
	document.getElementById('student_two').style.color = highlight;
}

function showProblemSolving() {
	reset();
}

function showDecisionMaking() {
	reset();
	document.getElementById('depart_one').style.color = highlight;
	document.getElementById('depart_two').style.color = highlight;
	document.getElementById('depart_three').style.color = highlight;
	document.getElementById('depart_five').style.color = highlight;
	
	document.getElementById('course_one').style.color = highlight;
	document.getElementById('course_two').style.color = highlight;

	document.getElementById('student_three').style.color = highlight;
}

function showSocialInteraction() {
	reset();
	document.getElementById('course_three').style.color = highlight;
}

function hello() {
	document.write("hello");
}

function showGlobalPerspective() {
	reset();
	document.getElementById('depart_one').style.color = highlight;
	document.getElementById('depart_five').style.color = highlight;
	document.getElementById('course_three').style.color = highlight;
	document.getElementById('student_three').style.color = highlight;
}

function showCitizenship() {
	reset();
	
}

function showEngagement() {
	reset();
}


function hello(){
document.write("Hello there!"); //prints Hello World!
}
//stop JavaScript Code
</script>