// change the names in (content-YOURBUTTONNAME) and (i == "on-YOURBUTTONNAME") for each tab
function toggleTabBsi(i) {
	document.getElementById("content-tab1").style.display = (i == "on-tab1") ? "block" : "none";
	document.getElementById("content-tab2").style.display = (i == "on-tab2") ? "block" : "none";
	document.getElementById("content-tab3").style.display = (i == "on-tab3") ? "block" : "none";
	document.getElementById("content-tab4").style.display = (i == "on-tab4") ? "block" : "none";

// this stays the same
	document.getElementById("tab-bsi").className = i;
}

// change the names in (content-YOURBUTTONNAME) and (i == "on-YOURBUTTONNAME") for each tab
function toggleTabTwo(i) {
	document.getElementById("content-tab5").style.display = (i == "on-tab5") ? "block" : "none";
	document.getElementById("content-tab6").style.display = (i == "on-tab6") ? "block" : "none";

// this stays the same
	document.getElementById("tab-two").className = i;
}

// change the names in (content-YOURBUTTONNAME) and (i == "on-YOURBUTTONNAME") for each tab
function toggleTabThree(i) {
	document.getElementById("content-tab7").style.display = (i == "on-tab7") ? "block" : "none";
	document.getElementById("content-tab8").style.display = (i == "on-tab8") ? "block" : "none";

// this stays the same
	document.getElementById("tab-seven").className = i;
}