function ExpandCollapse(ElementId) {
	var ClickedElement = document.getElementById(ElementId);
	var SectionElement = ClickedElement.parentNode;
	var GroupElement = SectionElement.parentNode;
	var SpanSiblings = SectionElement.getElementsByTagName("span");
	var DivSiblings = SectionElement.getElementsByTagName("div");
	if (ClickedElement.innerHTML == "-") {
		// this code turns this section off
		ClickedElement.innerHTML = "+";
		SpanSiblings[1].innerHTML = "Show";
		DivSiblings[0].style.display = "none";
	} else {
		// this code turns this section on and all other sections off
		ClickedElement.innerHTML = "-";
		SpanSiblings[1].innerHTML = "Hide";
		DivSiblings[0].style.display = "block";
		var otherSections = GroupElement.getElementsByTagName("div");
		for (i=0; i<otherSections.length; i++) {
			// first make sure this div is an immediate child of the parent group
			if (otherSections[i].parentNode.id == GroupElement.id ) {
				// next make sure this section is not the one you just expanded
				if (otherSections[i].id != SectionElement.id) {
					// collapse this section
					var x = document.getElementById(otherSections[i].id);
					var SpanSiblings = x.getElementsByTagName("span");
					var DivSiblings = x.getElementsByTagName("div");
					SpanSiblings[0].innerHTML = "+";
					SpanSiblings[1].innerHTML = "Show";
					DivSiblings[0].style.display = "none";
				}
			}
		}
	}
}

function TabSelect(divID) {
    var divTab = document.getElementById("Tab"+divID);
    var divMain = document.getElementById("Main"+divID);
    divMain.style.display = "block";
	divTab.style.backgroundColor = "white";
	divTab.style.borderBottomColor = "white";
	var NumberOfTabs = 7;
	for (var x=0; x < NumberOfTabs; x++) {
		if (x != divID) {
			divTab = document.getElementById("Tab"+x);
			var divMain = document.getElementById("Main"+x);
    		divMain.style.display = "none";
			divTab.style.backgroundColor = "lightgrey";
			divTab.style.borderBottomColor = "gray";
		}
	}
}