// music
function togglenavmusic(state) {
	if (document.getElementById) {
		var navmusicbtn = document.getElementById("navmusicbtn");
		var navmusicmenu = document.getElementById("navmusicslideout").firstChild;
		while (navmusicmenu.nodeType != 1) {
			navmusicmenu = navmusicmenu.nextSibling;
		}
		setElementClass(navmusicbtn, state);
		setElementClass(navmusicmenu, state);
		if (document.getElementById("searchType")) {
			if (state == "active") { 
				document.getElementById("searchType").style.visibility = "hidden";
			} else {
				document.getElementById("searchType").style.visibility = "visible";
			}
		}
	}
}

// events
function togglenavevents(state) {
	if (document.getElementById) {
		var naveventsbtn = document.getElementById("naveventsbtn");
		var naveventsmenu = document.getElementById("naveventsslideout").firstChild;
		while (naveventsmenu.nodeType != 1) {
			naveventsmenu = naveventsmenu.nextSibling;
		}
		setElementClass(naveventsbtn, state);
		setElementClass(naveventsmenu, state);
		if (document.getElementById("searchType")) {
			if (state == "active") { 
				document.getElementById("searchType").style.visibility = "hidden";
			} else {
				document.getElementById("searchType").style.visibility = "visible";
			}
		}
	}
}

// calendar
function togglenavcalendar(state) {
	if (document.getElementById) {
		var navcalendarbtn = document.getElementById("navcalendarbtn");
		var navcalendarmenu = document.getElementById("navcalendarslideout").firstChild;
		while (navcalendarmenu.nodeType != 1) {
			navcalendarmenu = navcalendarmenu.nextSibling;
		}
		setElementClass(navcalendarbtn, state);
		setElementClass(navcalendarmenu, state);
		if (document.getElementById("searchType")) {
			if (state == "active") { 
				document.getElementById("searchType").style.visibility = "hidden";
			} else {
				document.getElementById("searchType").style.visibility = "visible";
			}
		}
	}
}

// the silk road
function togglenavsilkroad(state) {
	if (document.getElementById) {
		var navsilkroadbtn = document.getElementById("navsilkroadbtn");
		var navsilkroadmenu = document.getElementById("navsilkroadslideout").firstChild;
		while (navsilkroadmenu.nodeType != 1) {
			navsilkroadmenu = navsilkroadmenu.nextSibling;
		}
		setElementClass(navsilkroadbtn, state);
		setElementClass(navsilkroadmenu, state);
		if (document.getElementById("searchType")) {
			if (state == "active") { 
				document.getElementById("searchType").style.visibility = "hidden";
			} else {
				document.getElementById("searchType").style.visibility = "visible";
			}
		}
	}
}

// links
function togglenavlinks(state) {
	if (document.getElementById) {
		var navlinksbtn = document.getElementById("navlinksbtn");
		var navlinksmenu = document.getElementById("navlinksslideout").firstChild;
		while (navlinksmenu.nodeType != 1) {
			navlinksmenu = navlinksmenu.nextSibling;
		}
		setElementClass(navlinksbtn, state);
		setElementClass(navlinksmenu, state);
		if (document.getElementById("searchType")) {
			if (state == "active") { 
				document.getElementById("searchType").style.visibility = "hidden";
			} else {
				document.getElementById("searchType").style.visibility = "visible";
			}
		}
	}
}

// about us
function togglenavabout(state) {
	if (document.getElementById) {
		var navaboutbtn = document.getElementById("navaboutbtn");
		var navaboutmenu = document.getElementById("navaboutslideout").firstChild;
		while (navaboutmenu.nodeType != 1) {
			navaboutmenu = navaboutmenu.nextSibling;
		}
		setElementClass(navaboutbtn, state);
		setElementClass(navaboutmenu, state);
		if (document.getElementById("searchType")) {
			if (state == "active") { 
				document.getElementById("searchType").style.visibility = "hidden";
			} else {
				document.getElementById("searchType").style.visibility = "visible";
			}
		}
	}
}

// universal functions
function getElementClass(element) {
	if (element.getAttribute("class")) {
		return element.getAttribute("class");
	} else if (element.getAttribute("className")) {
		return element.getAttribute("className");
	}
}
function setElementClass(element, classValue) {
	if (element.setAttribute("class", classValue)) {
		element.setAttribute("class", classValue);
	} else if (element.setAttribute("className", classValue)) {
		element.setAttribute("className", classValue);
	}
}