// JavaScript Document

var section = ""

function setBKG (version) {
	if (version == "nc") {  // "nc" refers to the no column version of the background
	document.getElementById("ContentArea").style.background= "url('images/" + varvalue + "/pageBKG_nc.jpg')";
	}
	else if (version == "h") {  // "h" refers to the home page versions (with columns)
	document.getElementById("ContentArea").style.background= "url('images/" + varvalue + "/pageBKG.jpg')";
	}
}

function currentSection() { //v2.0
	section = "";
	img = "images/btn_" + varvalue + "_over.jpg"
	swap (varvalue, img);  // varvalue will contain the name of the section, e.g. "millcreek"
	section = varvalue;
}

function swap(tab, img) { //v2.0
	if (tab == "township") {
		return;
	}
	if (tab != section) {
	var m = document.getElementById(tab);  // m gets the id for the tab at the top of the page that matches varvalue
	m.src = img;
	}
}

function openPage(page, type) {
	if (type == "u") {  // "u" refers to a page that is unique for each section
	newPage = varvalue + "_" + page + ".html?variable=" + varvalue
	}
	else {  // generic pages -- same for all sections -- are passed with "g" which gets trapped here
	newPage = "c_" + page + ".html?variable=" + varvalue
	}
	window.open (newPage, target="_self");
}

function setEventVisibility() {
	document.getElementById("canyonrimEvents").style.display = "none";	
	document.getElementById("eastmillcreekEvents").style.display = "none";	
	document.getElementById("millcreekEvents").style.display = "none";	
	document.getElementById("mtolympusEvents").style.display = "none";	
	var p = varvalue + "Events";
	document.getElementById(p).style.display = "block";	
}

function setIssueVisibility() {
	document.getElementById("canyonrimIssues").style.display = "none";	
	document.getElementById("eastmillcreekIssues").style.display = "none";	
	document.getElementById("millcreekIssues").style.display = "none";	
	document.getElementById("mtolympusIssues").style.display = "none";	
	var p = varvalue + "Issues";
	document.getElementById(p).style.display = "block";	
}

function showHide(x) {
	if (document.getElementById(x).style.display == "none") {
		document.getElementById(x).style.display = "block";
	}
	else if (document.getElementById(x).style.display == "block") {
		document.getElementById(x).style.display = "none";
	}
}