var projectTypes = new Array("education", "housing", "community", "leisure");
var selectedProjectType = null;

function altSelectProjectType(typeName) {
	getStyleObject("alt" + typeName).color= "#e0e0e0";
	window.status = typeName + " projects";
	return true;
}

function altDeselectProjectType(typeName) {
	getStyleObject("alt" + typeName).color= "#ffffff";
	window.status = "";
	return true;
}

function selectProjectType(typeName) {
	if (typeName != selectedProjectType)
		getStyleObject(typeName).color= "#e0e0e0";
	window.status = typeName + " projects";
	return true;
}

function deselectProjectType(typeName) {
	if (typeName != selectedProjectType)
		getStyleObject(typeName).color= "#ffffff";
	window.status = "";
	return true;
}

function writeProjectType(name) {
	if (name != selectedProjectType) {
		document.write('<a id="' + name + '" class="navTypes"')
		document.write(' href="../projects/' + name + '.asp"');
		}
	else {
		document.write('<a id="' + name + '" class="projTypes"')
		}
	document.write(' onMouseOver="return selectProjectType(\'' + name + '\');"');
	document.write(' onMouseOut="return deselectProjectType(\'' + name + '\');"');
	document.write('>' + name + '</a>');
}

function writeProjectTypes(selected) {
	selectedProjectType = selected;
	document.write('<div class="projTypes">');
	writeProjectType(projectTypes[0], selected);
	for (i = 1; i < projectTypes.length; i++) {
		document.write('<br />');
		writeProjectType(projectTypes[i]);
		}
	document.write('</div>');
}

function showOnLineList() {
	getStyleObject("projectTypesBefore").visibility = "hidden";
	getStyleObject("projectTypesAfter").visibility = "visible";
}

function hideOnLineList() {
	getStyleObject("projectTypesAfter").visibility = "hidden";
	getStyleObject("projectTypesBefore").visibility = "visible";
}