var bodyWidth = 0;
var oldMenuColor = "";
var menuNum = 1;
var subMenuNum = 0;
var oldMenuNum = 1;
var oldSubMenuNum = 0;
var oldSubMenuItemNum = 0;
var oldFaqNum = 0;

function pageLoad() {
	if (screen.availHeight > 1000) {
		document.getElementById("SDcssPage").disabled = true;
	}
	else {
		document.getElementById("HDcssPage").disabled = true;
	}
	if (screen.availWidth >= 1280) {
		document.getElementById("containerMain").style.width = screen.availWidth + "px";
		bodyWidth = screen.availWidth - 399;
	}
	else {
		document.getElementById("containerMain").style.width = screen.availWidth * 1.4 + "px";
		bodyWidth = screen.availWidth * 1.4 - 399;
	}
	document.getElementById("containerBody").style.width = bodyWidth + "px";
	document.getElementById("contentHeader1").style.width =  bodyWidth * .6 + "px";
	document.getElementById("contentHeader2").style.width =  bodyWidth * .6 + "px";
	document.getElementById("contentHeader3").style.width =  bodyWidth * .65 + "px";
	document.getElementById("contentHeader4").style.width =  bodyWidth * .65 + "px";
	document.getElementById("contentHeader5").style.width =  bodyWidth * .65 + "px";
	document.getElementById("contentHeader6").style.width =  bodyWidth * .75 + "px";
	document.getElementById("content701").style.width =  bodyWidth * .6 + "px";
	document.getElementById("contentHeader8").style.width =  bodyWidth * .75 + "px";
	document.getElementById("contentBlock8").style.width = bodyWidth * .95 + "px";
	document.getElementById("contentBlock10").style.width = bodyWidth * .65 + "px";
}

function makeCool(menuItem) {
	if (menuItem.style.color != "#b31e00" && menuItem.style.color != "rgb(179, 30, 0)") {
		oldMenuColor = menuItem.style.color;
		menuItem.style.color = "#da620b";
	}
}

function makeNormal(menuItem) {
	if (menuItem.style.color != "#b31e00" && menuItem.style.color != "rgb(179, 30, 0)") {
		menuItem.style.color = oldMenuColor;
	}
}

function makeCool2(menuItem) {
	if (menuItem.style.color != "#4b301d" && menuItem.style.color != "rgb(75, 48, 29)") {
		oldMenuColor = menuItem.style.color;
		menuItem.style.color = "#b31e00";
	}
}

function makeNormal2(menuItem) {
	if (menuItem.style.color != "#4b301d" && menuItem.style.color != "rgb(75, 48, 29)") {
		menuItem.style.color = oldMenuColor;
	}
}


function showContent(menuNum,subMenuNum) {
	// main function to handle menu clicks
	if (oldMenuNum != 1) {
		// some other menu was open, so need to cleanup
		restoreMenus();
	}
	if (menuNum == 7) {
		document.getElementById("content701").style.top = document.getElementById("contentHeader7").offsetHeight + 20 + "px";
		document.getElementById("content701").style.display = "";
		document.getElementById("contentHeader7").style.display = "";
		document.getElementById("content702").style.display = "none";
		oldSubMenuItemNum = 701;
	}
	if (oldMenuNum == 1) {
		// Home page is open, no other menus are open so just open menu clicked on
		document.getElementById("menu" + oldMenuNum).style.color = "#4b301d";
		document.getElementById("marker" + oldMenuNum).style.display = "none";
		document.getElementById("content" + oldMenuNum).style.display = "none";
		document.getElementById("menu" + menuNum).style.color = "#b31e00";
		document.getElementById("marker" + menuNum).style.display = "";
		document.getElementById("content" + menuNum).style.display = "";
		oldMenuNum = menuNum;
		if (subMenuNum != 0) {
			// Menu item clicked on has submenu, so open submenu and content
			document.getElementById("subMenu" + subMenuNum).style.display = "";
			oldSubMenuNum = subMenuNum;
		}
	}
	else {
		if (oldMenuNum == menuNum) {
			// clicking on opened menu item, so close it and return home
			if (subMenuNum != 0 && oldSubMenuNum == subMenuNum) {
				// clicked on same opened submenu, so close it
				document.getElementById("subMenu" + subMenuNum).style.display = "none";
				oldSubMenuNum = 0;
			}
			document.getElementById("menu" + menuNum).style.color = "#4b301d";
			document.getElementById("marker" + menuNum).style.display = "none";
			document.getElementById("content" + menuNum).style.display = "none";
			document.getElementById("menu" + 1).style.color = "#b31e00";
			document.getElementById("marker" + 1).style.display = "";
			document.getElementById("content" + 1).style.display = "";
			oldMenuNum = 1;
		}
		else {
			// clicking on new menu item so close old and open new
			document.getElementById("menu" + oldMenuNum).style.color = "#4b301d";
			document.getElementById("marker" + oldMenuNum).style.display = "none";
			document.getElementById("content" + oldMenuNum).style.display = "none";
			if (oldSubMenuNum != 0) {
				// old open menu had submenu, so close it
				document.getElementById("subMenu" + oldSubMenuNum).style.display = "none";
				oldSubMenuNum = 0;
			}
			document.getElementById("menu" + menuNum).style.color = "#b31e00";
			document.getElementById("marker" + menuNum).style.display = "";
			document.getElementById("content" + menuNum).style.display = "";
			oldMenuNum = menuNum;
			if (subMenuNum != 0) {
				// Menu item clicked on has submenu, so open submenu and content
				document.getElementById("subMenu" + subMenuNum).style.display = "";
				oldSubMenuNum = subMenuNum;
			}
		}
	}
}

function showSubContent(subMenuItemNum) {
	if (oldSubMenuItemNum == 0) {
		// no other submenus are open so just open menu clicked on
		setSubMenu(subMenuItemNum);
		document.getElementById("subMenuItem" + subMenuItemNum).style.color = "#b31e00";
		document.getElementById("content" + subMenuItemNum).style.display = "";
		oldSubMenuItemNum = subMenuItemNum;
	}
	else {
		if (oldSubMenuItemNum == subMenuItemNum) {
			// clicked on opened subMenu so close it and return to parent
			document.getElementById("subMenuItem" + subMenuItemNum).style.color = "#4b301d";
			document.getElementById("content" + subMenuItemNum).style.display = "none";
			if (oldSubMenuItemNum == 702) {
				document.getElementById("content701").style.display = "";
				document.getElementById("contentHeader7").style.display = "";
				oldSubMenuItemNum = 701;
			}
			else {
				oldSubMenuItemNum = 0;
			}
		}
		else {
			// some submenu already open.  close it and open new
			setSubMenu(subMenuItemNum);
			document.getElementById("subMenuItem" + subMenuItemNum).style.color = "#b31e00";
			document.getElementById("content" + subMenuItemNum).style.display = "";
			if (oldSubMenuItemNum != 701) {
				document.getElementById("subMenuItem" + oldSubMenuItemNum).style.color = "#4b301d";
			}
			document.getElementById("content" + oldSubMenuItemNum).style.display = "none";
			oldSubMenuItemNum = subMenuItemNum;
		}
	}
}

function showFAQ(faqNum) {
	if (faqNum == 604 || faqNum == 605) {
		// set double column width
		document.getElementById("doubleColumn1-" + faqNum).style.width = bodyWidth * .45 + "px";
		document.getElementById("doubleColumn2-" + faqNum).style.width = bodyWidth * .45 + "px";
		document.getElementById("doubleColumn2-" + faqNum).style.left = (bodyWidth * .45) + 30 + "px";
		document.getElementById("contentText" + faqNum).style.width = (bodyWidth * .45) * 2 + 55 + "px";
	}
	else {
		if (faqNum == 603) {
			// set triple column width
			document.getElementById("tripleColumn1-" + faqNum).style.width = (bodyWidth - 75) * .33 + "px";
			document.getElementById("tripleColumn2-" + faqNum).style.width = (bodyWidth - 75) * .32 + "px";
			document.getElementById("tripleColumn3-" + faqNum).style.width = (bodyWidth - 75) * .32 + "px";
			document.getElementById("tripleColumn2-" + faqNum).style.left = ((bodyWidth - 75) * .33) + 30 + "px";
			document.getElementById("tripleColumn3-" + faqNum).style.left = ((bodyWidth - 75) * .65) + 60 + "px";
			document.getElementById("contentText" + faqNum).style.width = bodyWidth * .98 + "px";
		}
		else {
			// set single column width
			document.getElementById("contentText" + faqNum).style.width = bodyWidth * .6 + "px";
		}
	}
	if (oldFaqNum == 0) {
		// no other FAQs are opened so just open selected FAQ
		document.getElementById("contentText" + faqNum).style.display = "";
		document.getElementById("content" + faqNum).style.color = "#4b301d";
		oldFaqNum = faqNum;
	}
	else {
		if (oldFaqNum == faqNum) {
			// clicked on open FAQ so close it
			document.getElementById("contentText" + faqNum).style.display = "none";
			document.getElementById("content" + faqNum).style.color = "#f6ba8e";
			oldFaqNum = 0;
		}
		else {
			// some other FAQ open.  close it and open new
			document.getElementById("contentText" + oldFaqNum).style.display = "none";
			document.getElementById("content" + oldFaqNum).style.color = "#f6ba8e";
			if (faqNum == 603) {
				// set triple column width
				document.getElementById("tripleColumn1-" + faqNum).style.width = (bodyWidth - 75) * .33 + "px";
				document.getElementById("tripleColumn2-" + faqNum).style.width = (bodyWidth - 75) * .32 + "px";
				document.getElementById("tripleColumn3-" + faqNum).style.width = (bodyWidth - 75) * .32 + "px";
				document.getElementById("tripleColumn2-" + faqNum).style.left = ((bodyWidth - 75) * .33) + 30 + "px";
				document.getElementById("tripleColumn3-" + faqNum).style.left = ((bodyWidth - 75) * .65) + 60 + "px";
				document.getElementById("contentText" + faqNum).style.width = bodyWidth * .98 + "px";
			}
			document.getElementById("contentText" + faqNum).style.display = "";
			document.getElementById("content" + faqNum).style.color = "#4b301d";
			oldFaqNum = faqNum;
		}
	}
}

function setSubMenu(subMenuItemNum) {
	if (subMenuItemNum == 702) {
		document.getElementById("contentHeader7a").style.top = "-20px";
		document.getElementById("content702").style.top = document.getElementById("contentHeader7a").offsetHeight + 40 + "px";
		document.getElementById("contentHeader7").style.display = "none";
		document.getElementById("contentHeader7a").style.display = "";
	}
	else {
		document.getElementById("content" + subMenuItemNum).style.top = document.getElementById("contentHeader" + oldMenuNum).offsetHeight + 40 + "px";
	}
	if (subMenuItemNum == 202 || subMenuItemNum == 302 || subMenuItemNum == 402 || subMenuItemNum == 403 || subMenuItemNum == 406 || subMenuItemNum == 702) {
		// set double column width
		document.getElementById("doubleColumn1-" + subMenuItemNum).style.width = bodyWidth * .45 + "px";
		document.getElementById("doubleColumn2-" + subMenuItemNum).style.width = bodyWidth * .45 + "px";
		document.getElementById("doubleColumn2-" + subMenuItemNum).style.left = (bodyWidth * .45) + 30 + "px";
		document.getElementById("content" + subMenuItemNum).style.width = (bodyWidth * .45) * 2 + 55 + "px";
	}
	else {
		if (subMenuItemNum == 203) {
			// set triple column width
			document.getElementById("tripleColumn1-" + subMenuItemNum).style.width = (bodyWidth - 75) * .33 + "px";
			document.getElementById("tripleColumn2-" + subMenuItemNum).style.width = (bodyWidth - 75) * .32 + "px";
			document.getElementById("tripleColumn3-" + subMenuItemNum).style.width = (bodyWidth - 75) * .32 + "px";
			document.getElementById("tripleColumn2-" + subMenuItemNum).style.left = ((bodyWidth - 75) * .33) + 30 + "px";
			document.getElementById("tripleColumn3-" + subMenuItemNum).style.left = ((bodyWidth - 75) * .65) + 60 + "px";
			document.getElementById("content" + subMenuItemNum).style.width = bodyWidth * .98 + "px";
		}
		else {
			// set single column width
			document.getElementById("content" + subMenuItemNum).style.width = bodyWidth * .6 + "px";
		}
	}
}

function emailMe() {
  var contact = "e-mail"
  var email = "web"
  var emailHost = "acupunctureandherbs%2E%63%6F%6D"
  document.write("<a href=" + "mail" + "to:" + email + "@" + emailHost+ ">"+ contact + "</a>" + ".")
}

function ContactInfo() {
	document.getElementById("content1").style.display = "none";
	document.getElementById("marker1").style.display = "none";
	document.getElementById("menu1").style.color = "#4b301d";
	document.getElementById("content9").style.display = "";
	document.getElementById("marker9").style.display = "";
	document.getElementById("menu9").style.color = "#b31e00";
	oldMenuNum = 9;
}

function FirstVisit() {
	document.getElementById("content1").style.display = "none";
	document.getElementById("marker1").style.display = "none";
	document.getElementById("menu1").style.color = "#4b301d";
	document.getElementById("content3").style.display = "";
	document.getElementById("marker3").style.display = "";
	document.getElementById("menu3").style.color = "#b31e00";
	document.getElementById("subMenu3").style.display = "";
	oldMenuNum = 3;
	oldSubMenuNum = 3;
}

function FAQ() {
	document.getElementById("content3").style.display = "none";
	document.getElementById("marker3").style.display = "none";
	document.getElementById("subMenu3").style.display = "none";
	document.getElementById("menu3").style.color = "#4b301d";
	document.getElementById("content6").style.display = "";
	document.getElementById("marker6").style.display = "";
	document.getElementById("menu6").style.color = "#b31e00";
	oldMenuNum = 6;
}
function IntroOffer() {
	document.getElementById("content1").style.display = "none";
	document.getElementById("marker1").style.display = "none";
	document.getElementById("menu1").style.color = "#4b301d";
	document.getElementById("content3").style.display = "";
	document.getElementById("marker3").style.display = "";
	document.getElementById("menu3").style.color = "#b31e00";
	document.getElementById("subMenu3").style.display = "";
	setSubMenu(307);
	document.getElementById("content307").style.top = document.getElementById("contentHeader3").offsetHeight + 40 + "px";
	document.getElementById("subMenuItem307").style.color = "#b31e00";
	document.getElementById("content307").style.display = "";
	oldSubMenuItemNum = 307;
	oldMenuNum = 3;
	oldSubMenuNum = 3;
}

function restoreMenus() {
	// need to reset items that were open including oldSubMenuItemNum, 
	if (oldSubMenuItemNum != 0 && oldSubMenuItemNum != 701) {
		document.getElementById("content" + oldSubMenuItemNum).style.display = "none";
		document.getElementById("subMenuItem" + oldSubMenuItemNum).style.color = "#4b301d";
		oldSubMenuItemNum = 0;
	}
	if (oldFaqNum != 0) {
		document.getElementById("contentText" + oldFaqNum).style.display = "none";
		document.getElementById("content" + oldFaqNum).style.color = "#f6ba8e";
		oldFaqNum = 0;
	}
}