// JavaScript Document
function showSub(navigation) {
	switch (navigation) {
		case "1"	: 
			document.getElementById("tdsubnav1").style.height = "220px";
			document.getElementById("tdsubnav2").style.height = "0px";
			document.getElementById("tdsubnav3").style.height = "0px";
			document.getElementById("tdsubnav4").style.height = "0px";
			document.getElementById("tdsubnav5").style.height = "0px";
			
			document.getElementById("subnav1").style.visibility = "visible";
			document.getElementById("subnav2").style.visibility = "hidden";
			document.getElementById("subnav3").style.visibility = "hidden";
			document.getElementById("subnav4").style.visibility = "hidden";
			document.getElementById("subnav5").style.visibility = "hidden";
			break;
		case "2"	: 
			document.getElementById("tdsubnav1").style.height = "0px";
			document.getElementById("tdsubnav2").style.height = "380px";
			document.getElementById("tdsubnav3").style.height = "0px";
			document.getElementById("tdsubnav4").style.height = "0px";
			document.getElementById("tdsubnav5").style.height = "0px";
			
			document.getElementById("subnav1").style.visibility = "hidden";
			document.getElementById("subnav2").style.visibility = "visible";
			document.getElementById("subnav3").style.visibility = "hidden";
			document.getElementById("subnav4").style.visibility = "hidden";
			document.getElementById("subnav5").style.visibility = "hidden";
			break;
		case "3"	: 
			document.getElementById("tdsubnav1").style.height = "0px";
			document.getElementById("tdsubnav2").style.height = "0px";
			document.getElementById("tdsubnav3").style.height = "80px";
			document.getElementById("tdsubnav4").style.height = "0px";
			document.getElementById("tdsubnav5").style.height = "0px";
			
			document.getElementById("subnav1").style.visibility = "hidden";
			document.getElementById("subnav2").style.visibility = "hidden";
			document.getElementById("subnav3").style.visibility = "visible";
			document.getElementById("subnav4").style.visibility = "hidden";
			document.getElementById("subnav5").style.visibility = "hidden";
			break;
		case "4"	: 
			document.getElementById("tdsubnav1").style.height = "0px";
			document.getElementById("tdsubnav2").style.height = "0px";
			document.getElementById("tdsubnav3").style.height = "0px";
			document.getElementById("tdsubnav4").style.height = "150px";
			document.getElementById("tdsubnav5").style.height = "0px";
			
			document.getElementById("subnav1").style.visibility = "hidden";
			document.getElementById("subnav2").style.visibility = "hidden";
			document.getElementById("subnav3").style.visibility = "hidden";
			document.getElementById("subnav4").style.visibility = "visible";
			document.getElementById("subnav5").style.visibility = "hidden";
			break;
		case "5"	: 
			document.getElementById("tdsubnav1").style.height = "0px";
			document.getElementById("tdsubnav2").style.height = "0px";
			document.getElementById("tdsubnav3").style.height = "0px";
			document.getElementById("tdsubnav4").style.height = "0px";
			document.getElementById("tdsubnav5").style.height = "45px";
			
			document.getElementById("subnav1").style.visibility = "hidden";
			document.getElementById("subnav2").style.visibility = "hidden";
			document.getElementById("subnav3").style.visibility = "hidden";
			document.getElementById("subnav4").style.visibility = "hidden";
			document.getElementById("subnav5").style.visibility = "visible";
			break;
	}
}