﻿function showContent(itemName) {
	var naviItemToShow = document.getElementById("navi_" + itemName);
	var navigation = document.getElementById("navigation");
	var naviItems = navigation.getElementsByTagName("div");
	for (i = 0; i < naviItems.length; i++) {
		var naviItem = naviItems[i];
		if (naviItem.className != "naviItem") continue;
		var border = naviItem.parentNode;
		var contentItemId = naviItem.id.replace(/navi/, "content");
		var contentItem = document.getElementById(contentItemId);
		if (naviItemToShow == naviItem) {
			naviItem.style.backgroundColor = "#FFFFFF";
			border.style.border = "dashed 1px #FFFFFF";
			border.style.borderBottom = "solid 2px white";
			naviItem.style.color = "#000000";
			contentItem.style.display = "block";
		} else {
			naviItem.style.backgroundColor = "";
			border.style.border = "none";
			naviItem.style.color = "#FFFFFF";
			contentItem.style.display = "none";
		}
	}
}

function project(projectName) {
	var project = document.getElementById(projectName);
	var contentWork = document.getElementById("content_projects");
	var layers = contentWork.getElementsByTagName("div");
	for (i = 0; i < layers.length; i++) {
		var layer = layers[i];
		if (layer.className != "project") continue;
		if (project == layer) {
			layer.style.display = "block";
		} else {
			layer.style.display = "none";
		}
	}

}

function status(shouldShow) {
	var status = document.getElementById("status");
	status.style.display = status.style.display == "block" ? "none" : "block";
}
