// JavaScript Code to be used with the Whitmore Website
// Programmed by James Sherman
// Date: February and March 2003
// Updated: August 2003

function init(level) {
	openImg = new Image();
	if (level == 0) {
		openImg.src = "images/open_menu.gif";
	}
	else if (level == 1) {
		openImg.src = "../images/open_menu.gif";
	}
}

function foldMenu(menu, level) {
	if (level == 0) {
		strOpen = "images/open_menu.gif";
		strClosed = "images/closed_menu.gif";
	}
	else if (level == 1) {
		strOpen = "../images/open_menu.gif";
		strClosed = "../images/closed_menu.gif";
	}
	
	switch(menu) {
		case 1:
			// Show or hide about menu
			var menuDiv = document.getElementById("menuAbout");
			var menuImg = document.getElementById("menuAboutImg");
			// Show the menu
			if (menuDiv.style.display=="none") {
				menuDiv.style.display = "";
				//menuImg.src="images/open_menu.gif";
				menuImg.src=strOpen;
			}
			// Hide the menu
			else {
				menuDiv.style.display = "none";
				//menuImg.src="images/closed_menu.gif";
				menuImg.src=strClosed;
			}
			break;
		case 2:
			// Show or hide articless menu
			var menuDiv = document.getElementById("menuArtic");
			var menuImg = document.getElementById("menuArticImg");
			// Show the menu
			if (menuDiv.style.display=="none") {
				menuDiv.style.display = "";
				menuImg.src=strOpen;
			}
			// Hide the menu
			else {
				menuDiv.style.display = "none";
				menuImg.src=strClosed;
			}
			break;
		case 3:
			// Show or hide activities menu
			var menuDiv = document.getElementById("menuAct");
			var menuImg = document.getElementById("menuActImg");
			// Show the menu
			if (menuDiv.style.display=="none") {
				menuDiv.style.display = "";
				menuImg.src=strOpen;
			}
			// Hide the menu
			else {
				menuDiv.style.display = "none";
				menuImg.src=strClosed;
			}
			break;
		case 4:
			// Show or hide links menu
			var menuDiv = document.getElementById("menuLink");
			var menuImg = document.getElementById("menuLinkImg");
			// Show the menu
			if (menuDiv.style.display=="none") {
				menuDiv.style.display = "";
				menuImg.src=strOpen;
			}
			// Hide the menu
			else {
				menuDiv.style.display = "none";
				menuImg.src=strClosed;
			}
	}  
}

// Build the menu for each page - changing some items based on what page is being dispalyed.
function menu(page, level) {
	var dir = "";
	if (level == 1) {
		dir = "../";
	}
	
	if (page == 'index') {
		indexcode = '<a href="' + dir + 'index.html" class="Current">\n<img src="' + dir + 'images/selectedItem.gif" width="15" height="15" border="0" align="middle">&nbsp;Home</a><br>\n';
	}
	else {
		indexcode = '<a href="' + dir + 'index.html" class="Menu">\n<img src="' + dir + 'images/menuItem.gif" width="15" height="15" border="0" align="middle">&nbsp;Home</a><br>\n';
	}
	
	if (page == "new") {
		newcode =	'<a href="' + dir + 'new.html" class="Current">\n<img src="' + dir + 'images/selectedItem.gif" width="15" height="15" border="0" align="middle">&nbsp;What\'s&nbsp;New</a><br>\n';
	}
	else {
		newcode =	'<a href="' + dir + 'new.html" class="Menu">\n<img src="' + dir + 'images/menuItem.gif" width="15" height="15" border="0" align="middle">&nbsp;What\'s&nbsp;New</a><br>\n';
	}
	
	if (page == "who" || page == "history" || page == "people" || page == "where" || page == "when") {
		aboutcode = '<a href="#" onclick="foldMenu(1, ' + level + '); return false" class="Menu" >\n<img src="' + dir +'images/open_menu.gif" id="menuAboutImg" width="15" height="15" border="0" align="middle">&nbsp;About&nbsp;Us</a><br>\n<div id="menuAbout">\n';
		if (page == "who") {
			whocode = '&nbsp;&nbsp;<a href="' + dir + 'who.html" class="CurrentItem"><img src="' + dir + 'images/selectedItem.gif" width="15" height="15" border="0" align="middle">&nbsp;Who&nbsp;Are&nbsp;We?</a><br>\n';
		}
		else {
			whocode = '&nbsp;&nbsp;<a href="' + dir + 'who.html" class="MenuItem"><img src="' + dir + 'images/menuItem.gif" width="15" height="15" border="0" align="middle">&nbsp;Who&nbsp;Are&nbsp;We?</a><br>\n';
		}
		if (page == "history") {
			historycode = '&nbsp;&nbsp;<a href="' + dir + 'history.html" class="CurrentItem"><img src="' + dir + 'images/selectedItem.gif" width="15" height="15" border="0" align="middle">&nbsp;Our&nbsp;History</a><br>\n';
		}
		else {
			historycode = '&nbsp;&nbsp;<a href="' + dir + 'history.html" class="MenuItem"><img src="' + dir + 'images/menuItem.gif" width="15" height="15" border="0" align="middle">&nbsp;Our&nbsp;History</a><br>\n';
		}
		if (page == "people") {
			peoplecode = '&nbsp;&nbsp;<a href="' + dir + 'people.html" class="CurrentItem"><img src="' + dir + 'images/selectedItem.gif" width="15" height="15" border="0" align="middle">&nbsp;Leadership</a><br>\n';
		}
		else {
			peoplecode = '&nbsp;&nbsp;<a href="' + dir + 'people.html" class="MenuItem"><img src="' + dir + 'images/menuItem.gif" width="15" height="15" border="0" align="middle">&nbsp;Leadership</a><br>\n';
		}
		if (page == "where") {
			wherecode = '&nbsp;&nbsp;<a href="' + dir + 'where.html" class="CurrentItem"><img src="' + dir + 'images/selectedItem.gif" width="15" height="15" border="0" align="middle">&nbsp;Where&nbsp;Are&nbsp;We?</a><br>\n';
		}
		else {
			wherecode = '&nbsp;&nbsp;<a href="' + dir + 'where.html" class="MenuItem"><img src="' + dir + 'images/menuItem.gif" width="15" height="15" border="0" align="middle">&nbsp;Where&nbsp;Are&nbsp;We?</a><br>\n';
		}
		if (page == "when") {
			whencode = '&nbsp;&nbsp;<a href="' + dir + 'when.html" class="CurrentItem"><img src="' + dir + 'images/selectedItem.gif" width="15" height="15" border="0" align="middle">&nbsp;When&nbsp;Do&nbsp;We&nbsp;Meet?</a><br>\n</div>';
		}
		else {
			whencode = '&nbsp;&nbsp;<a href="' + dir + 'when.html" class="MenuItem"><img src="' + dir + 'images/menuItem.gif" width="15" height="15" border="0" align="middle">&nbsp;When&nbsp;Do&nbsp;We&nbsp;Meet?</a><br>\n</div>';
		}
	}
	else {
		aboutcode = '<a href="#" onclick="foldMenu(1, ' + level + '); return false" class="Menu" >\n<img src="' + dir + 'images/closed_menu.gif"" id="menuAboutImg" width="15" height="15" border="0" align="middle">&nbsp;About&nbsp;Us</a><br>\n<div id="menuAbout" style="display:none">\n';
		whocode = '&nbsp;&nbsp;<a href="' + dir + 'who.html" class="MenuItem"><img src="' + dir + 'images/menuItem.gif" width="15" height="15" border="0" align="middle">&nbsp;Who&nbsp;Are&nbsp;We?</a><br>\n';
		historycode = '&nbsp;&nbsp;<a href="' + dir + 'history.html" onclick="return false" class="MenuItem"><img src="' + dir + 'images/menuItem.gif" width="15" height="15" border="0" align="middle">&nbsp;Our&nbsp;History</a><br>\n';		
		peoplecode = '&nbsp;&nbsp;<a href="' + dir + 'people.html" class="MenuItem"><img src="' + dir + 'images/menuItem.gif" width="15" height="15" border="0" align="middle">&nbsp;Leadership</a><br>\n';
		wherecode = '&nbsp;&nbsp;<a href="' + dir + 'where.html" class="MenuItem"><img src="' + dir + 'images/menuItem.gif" width="15" height="15" border="0" align="middle">&nbsp;Where&nbsp;Are&nbsp;We?</a><br>\n';
		whencode = '&nbsp;&nbsp;<a href="' + dir + 'when.html" class="MenuItem"><img src="' + dir + 'images/menuItem.gif" width="15" height="15" border="0" align="middle">&nbsp;When&nbsp;Do&nbsp;We&nbsp;Meet?</a><br>\n</div>';
	}
	if (page == "heiniger") {
		articlescode = '<a href="#" onclick="foldMenu(2, ' + level + '); return false" class="Menu">\n<img src="' + dir + 'images/open_menu.gif"" id="menuArticImg" width="15" height="15" border="0" align="middle">&nbsp;Articles</a><br>\n<div id="menuArtic">\n';
		heinigercode = '&nbsp;&nbsp;<a href="' + dir + 'heiniger.html" class="CurrentItem"><img src="' + dir + 'images/selectedItem.gif" width="15" height="15" border="0" align="middle">&nbsp;The&nbsp;Heiniger&nbsp;Files</a><br>\n</div>\n';
	}
	else {
		articlescode = '<a href="#" onclick="foldMenu(2, ' + level + '); return false" class="Menu">\n<img src="' + dir + 'images/closed_menu.gif"" id="menuArticImg" width="15" height="15" border="0" align="middle">&nbsp;Articles</a><br>\n<div id="menuArtic" style="display:none">\n';
		heinigercode = '&nbsp;&nbsp;<a href="' + dir + 'heiniger.html" class="MenuItem"><img src="' + dir + 'images/menuItem.gif" width="15" height="15" border="0" align="middle">&nbsp;The&nbsp;Heiniger&nbsp;Files</a><br>\n</div>\n';
	}
	
	if (page == "upcoming") {
		upcomingcode = '<a href="' + dir + 'upcoming.html" class="Current"><img src="' + dir + 'images/selectedItem.gif" width="15" height="15" border="0" align="middle">&nbsp;Upcoming&nbsp;Events</a><br>\n';
	}
	else {
		upcomingcode = '<a href="' + dir + 'upcoming.html" class="Menu"><img src="' + dir + 'images/menuItem.gif" width="15" height="15" border="0" align="middle">&nbsp;Upcoming&nbsp;Events</a><br>\n';
	}
	
	if (page == "ybc" || page == "retreat") {
		activitycode = '<a href="#" onclick="foldMenu(3, ' + level + '); return false" class="Menu">\n<img src="' + dir + 'images/open_menu.gif"" id="menuActImg" width="15" height="15" border="0" align="middle">&nbsp;Activities</a><br>\n<div id="menuAct">\n';
		if (page == "ybc") {
			ybccode = '&nbsp;&nbsp;<a href="' + dir + 'ybc.html" class="CurrentItem"><img src="' + dir + 'images/selectedItem.gif" width="15" height="15" border="0" align="middle">&nbsp;Yosemite&nbsp;Bible&nbsp;Camp</a><br>\n';
		}
		else {
			ybccode = '&nbsp;&nbsp;<a href="' + dir + 'ybc.html" class="MenuItem"><img src="' + dir + 'images/menuItem.gif" width="15" height="15" border="0" align="middle">&nbsp;Yosemite&nbsp;Bible&nbsp;Camp</a><br>\n';
		}
		if (page == "retreat") {
			retreatcode = '&nbsp;&nbsp;<a href="' + dir + 'retreat.html" class="CurrentItem"><img src="' + dir + 'images/selectedItem.gif" width="15" height="15" border="0" align="middle">&nbsp;Whitmore&nbsp;Retreat</a><br>\n</div>\n';
		}
		else {
			retreatcode = '&nbsp;&nbsp;<a href="' + dir + 'retreat.html" class="MenuItem"><img src="' + dir + 'images/menuItem.gif" width="15" height="15" border="0" align="middle">&nbsp;Whitmore&nbsp;Retreat</a><br>\n</div>\n';
		}
	}
	else {
		activitycode = '<a href="#" onclick="foldMenu(3, ' + level + '); return false" class="Menu">\n<img src="' + dir + 'images/closed_menu.gif"" id="menuActImg" width="15" height="15" border="0" align="middle">&nbsp;Activities</a><br>\n<div id="menuAct" style="display:none">\n';
		ybccode = '&nbsp;&nbsp;<a href="' + dir + 'ybc.html" class="MenuItem"><img src="' + dir + 'images/menuItem.gif" width="15" height="15" border="0" align="middle">&nbsp;Yosemite&nbsp;Bible&nbsp;Camp</a><br>\n';
		retreatcode = '&nbsp;&nbsp;<a href="' + dir + 'retreat.html" class="MenuItem"><img src="' + dir + 'images/menuItem.gif" width="15" height="15" border="0" align="middle">&nbsp;Whitmore&nbsp;Retreat</a><br>\n</div>\n';
	}
	
	if (page == "area" || page == "links") {
		lnkaddrcode = '<a href="#" onclick="foldMenu(4, ' + level + '); return false" class="Menu">\n<img src="' + dir + 'images/open_menu.gif"" id="menuLinkImg" width="15" height="15" border="0" align="middle">&nbsp;Links&nbsp;&amp;&nbsp;Addresses</a><br>\n<div id="menuLink">\n';
		if (page == "area") {
			areacode = '&nbsp;&nbsp;<a href="' + dir + 'area.html" class="CurrentItem"><img src="' + dir + 'images/selectedItem.gif" width="15" height="15" border="0" align="middle">&nbsp;Area&nbsp;Congregations</a><br>\n';
		}
		else {
			areacode = '&nbsp;&nbsp;<a href="' + dir + 'area.html" class="MenuItem"><img src="' + dir + 'images/menuItem.gif" width="15" height="15" border="0" align="middle">&nbsp;Area&nbsp;Congregations</a><br>\n';
		}
		if (page == "links") {
			linkscode = '&nbsp;&nbsp;<a href="' + dir + 'links.html" class="CurrentItem"><img src="' + dir + 'images/selectedItem.gif" width="15" height="15" border="0" align="middle">&nbsp;Other&nbsp;Links</a><br>\n</div>';
		}
		else {
			linkscode = '&nbsp;&nbsp;<a href="' + dir + 'links.html" class="MenuItem"><img src="' + dir + 'images/menuItem.gif" width="15" height="15" border="0" align="middle">&nbsp;Other&nbsp;Links</a><br>\n</div>';
		}
	}
	else {
		lnkaddrcode = '<a href="#" onclick="foldMenu(4, ' + level + '); return false" class="Menu">\n<img src="' + dir + 'images/closed_menu.gif"" id="menuLinkImg" width="15" height="15" border="0" align="middle">&nbsp;Links&nbsp;&amp;&nbsp;Addresses</a><br>\n<div id="menuLink" style="display:none">\n';
		areacode = '&nbsp;&nbsp;<a href="' + dir + 'area.html" class="MenuItem"><img src="' + dir + 'images/menuItem.gif" width="15" height="15" border="0" align="middle">&nbsp;Area&nbsp;Congregations</a><br>\n';
		linkscode = '&nbsp;&nbsp;<a href="' + dir + 'links.html" class="MenuItem"><img src="' + dir + 'images/menuItem.gif" width="15" height="15" border="0" align="middle">&nbsp;Other&nbsp;Links</a><br>\n</div>';
	}
	
	document.write(indexcode);
	//document.write(newcode);
	document.write(aboutcode);
	document.write(whocode);
	//document.write(historycode);
	document.write(peoplecode);
	document.write(wherecode);
	document.write(whencode);
	//document.write(articlescode);
	//document.write(heinigercode);
	document.write(upcomingcode);
	document.write(activitycode);
	document.write(ybccode);
	document.write(retreatcode);
	document.write(lnkaddrcode);
	document.write(areacode);
	document.write(linkscode);
} 
