// change the names in (content-YOURBUTTONNAME) and (i == "on-YOURBUTTONNAME") for each tab
function toggleTabSpotlights(i) {
	document.getElementById("content-spotlights1").style.display = (i == "on-spotlights1") ? "block" : "none";
	document.getElementById("content-spotlights2").style.display = (i == "on-spotlights2") ? "block" : "none";
	document.getElementById("content-spotlights3").style.display = (i == "on-spotlights3") ? "block" : "none";
	document.getElementById("content-spotlights4").style.display = (i == "on-spotlights4") ? "block" : "none";

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

var tabNames = new Array();
tabNames[0] = "on-spotlights1";
tabNames[1] = "on-spotlights2";
tabNames[2] = "on-spotlights3";
tabNames[3] = "on-spotlights4";

var tabPrimeToggle = tabNames.length;
var randomTabOn = Math.floor(Math.random()*tabPrimeToggle)


function randomTab (){
toggleTabSpotlights(tabNames[randomTabOn], this.href);
}