var tabShow = 0;
//Hide-Show Layer

function showpoptext(menuItem)
{
	closeMenu();
	if(tabShow != menuItem)
	{
		resetStyle();
		document.getElementById("poptext" + menuItem).style.visibility = "visible";
			
		if(menuItem == 1)
		{
			document.getElementById("Div1").style.top = 143;
			document.getElementById("Div2").style.top = 215;
			document.getElementById("Div3").style.top = 234;
			document.getElementById("Div4").style.top = 253;
			document.getElementById("Div5").style.top = 272;
			document.getElementById("Div6").style.top = 291;
			document.getElementById("Div7").style.top = 310;
			document.getElementById("Div8").style.top = 329;
			document.getElementById("Div9").style.top = 348;
			document.getElementById("Div10").style.top = 367;
		}
		if(menuItem == 2)
		{
			document.getElementById("Div3").style.top = 357;
			document.getElementById("Div4").style.top = 376;
			document.getElementById("Div5").style.top = 395;
			document.getElementById("Div6").style.top = 414;
			document.getElementById("Div7").style.top = 433;
			document.getElementById("Div8").style.top = 452;
			document.getElementById("Div9").style.top = 471;
			document.getElementById("Div10").style.top = 483;
		}
		if(menuItem == 3)
		{
			document.getElementById("Div4").style.top = 265;
			document.getElementById("Div5").style.top = 284;
			document.getElementById("Div6").style.top = 303;
			document.getElementById("Div7").style.top = 322;
			document.getElementById("Div8").style.top = 341;
			document.getElementById("Div9").style.top = 360;
			document.getElementById("Div10").style.top = 379;
		}
		if(menuItem == 4)
		{
			document.getElementById("Div5").style.top = 324;
			document.getElementById("Div6").style.top = 343;
			document.getElementById("Div7").style.top = 362;
			document.getElementById("Div8").style.top = 381;
			document.getElementById("Div9").style.top = 400;
			document.getElementById("Div10").style.top = 419;
		}
		if(menuItem == 5)
		{
			document.getElementById("Div6").style.top = 317;
			document.getElementById("Div7").style.top = 336;
			document.getElementById("Div8").style.top = 355;
			document.getElementById("Div9").style.top = 374;
			document.getElementById("Div10").style.top = 393;
		}
		if(menuItem == 6)
		{
			document.getElementById("Div7").style.top = 338;
			document.getElementById("Div8").style.top = 357;
			document.getElementById("Div9").style.top = 376;
			document.getElementById("Div10").style.top = 395;
		}
		if(menuItem == 7)
		{
			document.getElementById("Div8").style.top = 421;
			document.getElementById("Div9").style.top = 440;
			document.getElementById("Div10").style.top = 459;
		}
		if(menuItem == 8)
		{
			document.getElementById("Div9").style.top = 412;
			document.getElementById("Div10").style.top = 431;
		}
		if(menuItem == 9)
		{
			document.getElementById("Div10").style.top = 393;
		}
	}

	if(tabShow == menuItem)
	{
		tabShow = 0;
	}
	else
	{
		tabShow = menuItem;
	}
}

function resetStyle()
{
	var styleName = "sideMenuLink";
	var styleSubMenu = "sideSubMenuLink";
	
	document.getElementById('application').className = styleName;
	document.getElementById('aboutIntent').className = styleSubMenu;
	document.getElementById('combatTaiChiChuan').className = styleSubMenu;
	document.getElementById('strategy').className = styleSubMenu;
	document.getElementById('unbreakable').className = styleSubMenu;
	document.getElementById('forms').className = styleName;
	document.getElementById('creativity').className = styleSubMenu;
	document.getElementById('fifteenTechniques').className = styleSubMenu;
	document.getElementById('fortyTwoBigCircle').className = styleSubMenu;
	document.getElementById('remember').className = styleSubMenu;
	document.getElementById('soloDrill').className = styleSubMenu;
	document.getElementById('soloDrillAndMartialArt').className = styleSubMenu;
	document.getElementById('soloForm').className = styleSubMenu;
	document.getElementById('soloFormPractice').className = styleSubMenu;
	document.getElementById('taiChiChungChuan').className = styleSubMenu;
	document.getElementById('taiChiChuanSoloForm').className = styleSubMenu;
	document.getElementById('threeSoloForms').className = styleSubMenu;
	document.getElementById('thirteenAnimalsForm').className = styleSubMenu;
	document.getElementById('twoPersonSparringSet').className = styleSubMenu;
	document.getElementById('health').className = styleName;
	document.getElementById('healthBenefits').className = styleSubMenu;
	document.getElementById('innerMeaningOfLargeFrame').className = styleSubMenu;
	document.getElementById('spiritualCultivation').className = styleSubMenu;
	document.getElementById('taiChiChuanForHealth').className = styleSubMenu;
	document.getElementById('valueToHealth').className = styleSubMenu;
	document.getElementById('masters').className = styleName;
	document.getElementById('fangNing').className = styleSubMenu;
	document.getElementById('ginSoonInterview').className = styleSubMenu;
	document.getElementById('vincentInterview').className = styleSubMenu;
	document.getElementById('lookingForTeacher').className = styleSubMenu;
	document.getElementById('yangChengFu').className = styleSubMenu;
	document.getElementById('yangsTenPoints').className = styleSubMenu;
	document.getElementById('yeungChingPo').className = styleSubMenu;
	document.getElementById('yeungSauChung').className = styleSubMenu;
	document.getElementById('philosophy').className = styleName;
	document.getElementById('artAndTheTao').className = styleSubMenu;
	document.getElementById('bridgingTheGap').className = styleSubMenu;
	document.getElementById('taiChiTao').className = styleSubMenu;
	document.getElementById('taiChiSymbol').className = styleSubMenu;
	document.getElementById('whatIsTaiChiChuan').className = styleSubMenu;
	document.getElementById('yinYang').className = styleSubMenu;
	document.getElementById('power').className = styleName;
	document.getElementById('internalAndPhysicalPower').className = styleSubMenu;
	document.getElementById('jing').className = styleSubMenu;
	document.getElementById('neigong').className = styleSubMenu;
	document.getElementById('taiChiChuanInternalPower').className = styleSubMenu;
	document.getElementById('techniqueAndPower').className = styleSubMenu;
	document.getElementById('zhanZhuangTraining').className = styleSubMenu;
	document.getElementById('pushHandsMenu').className = styleName;
	document.getElementById('activeHands').className = styleSubMenu;
	document.getElementById('commonConceptsOfJings').className = styleSubMenu;
	document.getElementById('dynamicPushHands').className = styleSubMenu;
	document.getElementById('fourCornersFourDirections').className = styleSubMenu;
	document.getElementById('fourOunce').className = styleSubMenu;
	document.getElementById('openAndClose').className = styleSubMenu;
	document.getElementById('pickUpBrokenFlower').className = styleSubMenu;
	document.getElementById('pulling').className = styleSubMenu;
	document.getElementById('pushHands').className = styleSubMenu;
	document.getElementById('pushingBeyondChi').className = styleSubMenu;
	document.getElementById('stationaryHands').className = styleSubMenu;
	document.getElementById('qigong').className = styleName;
	document.getElementById('qiSensation').className = styleSubMenu;
	document.getElementById('qigongDiscussion').className = styleSubMenu;
	document.getElementById('qigongBody').className = styleSubMenu;
	document.getElementById('qigongMartialArts').className = styleSubMenu;
	document.getElementById('qigongAndSport').className = styleSubMenu;
	document.getElementById('qigongWugong').className = styleSubMenu;
	document.getElementById('taiChiChuanQigong').className = styleSubMenu;
	document.getElementById('taiChiChuanQigongII').className = styleSubMenu;
	document.getElementById('wuChi').className = styleSubMenu;
	document.getElementById('technique').className = styleName;
	document.getElementById('whatAreChineseMartialArts').className = styleSubMenu;
	document.getElementById('relaxation').className = styleSubMenu;
	document.getElementById('speedAccuracyDeadliness').className = styleSubMenu;
	document.getElementById('valueAsSelfDefense').className = styleSubMenu;
	document.getElementById('waistRotation').className = styleSubMenu;
	document.getElementById('whyPracticeSlow').className = styleSubMenu;
	document.getElementById('weaponsMenu').className = styleName;
	document.getElementById('bigSpear').className = styleSubMenu;
	document.getElementById('broadsword').className = styleSubMenu;
	document.getElementById('broadswordForm').className = styleSubMenu;
	document.getElementById('halbert').className = styleSubMenu;
	document.getElementById('taiChiStaff').className = styleSubMenu;
	document.getElementById('taiChiSword').className = styleSubMenu;
	document.getElementById('taiChiSwordForm').className = styleSubMenu;
	document.getElementById('thirteenSpearTechniques').className = styleSubMenu;
}

function setStyle(page)
{
	var styleName = "sideMenuLinkSelected";
	var styleSubMenu = "sideSubMenuLinkSelected";

	switch(page.toLowerCase())
	{
		case 'application':
		case 'forms':
		case 'health':
		case 'masters':
		case 'philosophy':
		case 'power':
		case 'pushhandsmenu':
		case 'qigong':
		case 'technique':
		case 'weaponsmenu':
			document.getElementById(page).className = styleName;
			break;
		case 'aboutintent':
		case 'combattaichichuan':
		case 'strategy':
		case 'unbreakable':
			showpoptext(1);
			document.getElementById(page).className = styleSubMenu;
			break;
		case 'creativity':
		case 'fifteentechniques':
		case 'fortytwobigcircle':
		case 'fortytwobigcircle':
		case 'remember':
		case 'solodrill': 
		case 'solodrillandmartialart':
		case 'soloform':
		case 'soloformpractice':
		case 'taichichungchuan':
		case 'taichichuansoloform':
		case 'threesoloforms':
		case 'thirteenanimalsform':
		case 'twopersonsparringset':
			showpoptext(2);
			document.getElementById(page).className = styleSubMenu;
			break;
		case 'healthbenefits':
		case 'innermeaningoflargeframe':
		case 'spiritualcultivation':
		case 'taichichuanforhealth':
		case 'valuetohealth':
			showpoptext(3);
			document.getElementById(page).className = styleSubMenu;
			break;
		case 'fangning':
		case 'ginsooninterview':
		case 'vincentinterview':
		case 'lookingforteacher':
		case 'yangchengfu':
		case 'yangstenpoints':
		case 'yeungchingpo':
		case 'yeungsauchung':
			showpoptext(4);
			document.getElementById(page).className = styleSubMenu;
			break;
		case 'artandthetao':
		case 'bridgingthegap':
		case 'taichitao':
		case 'taichisymbol':
		case 'whatistaichichuan':
		case 'yinyang':
			showpoptext(5);
			document.getElementById(page).className = styleSubMenu;
			break;
		case 'internalandphysicalpower':
		case 'jing':
		case 'neigong':
		case 'taichichuaninternalpower':
		case 'techniqueandpower':
		case 'zhanzhuangtraining':
			showpoptext(6);
			document.getElementById(page).className = styleSubMenu;
			break;
		case 'activehands':
		case 'commonconceptsofjings':
		case 'dynamicpushhands':
		case 'fourcornersfourdirections':
		case 'fourounce':
		case 'openandclose':
		case 'pickupbrokenflower':
		case 'pulling':
		case 'pushhands':
		case 'pushingbeyondchi':
		case 'stationaryhands':
			showpoptext(7);
			document.getElementById(page).className = styleSubMenu;
			break;
		case 'qisensation':
		case 'qigongdiscussion':
		case 'qigongbody':
		case 'qigongmartialarts':
		case 'qigongandsport':
		case 'qigongwugong':
		case 'taichichuanqigong':
		case 'pulling':
		case 'taichichuanqigongii':
		case 'wuchi':
			showpoptext(8);
			document.getElementById(page).className = styleSubMenu;
			break;
		case 'whatarechinesemartialarts':
		case 'relaxation':
		case 'speedaccuracydeadliness':
		case 'valueasselfdefense':
		case 'waistrotation':
		case 'whypracticeslow':
			showpoptext(9);
			document.getElementById(page).className = styleSubMenu;
			break;
		case 'bigspear':
		case 'broadsword':
		case 'broadswordform':
		case 'halbert':
		case 'taichistaff':
		case 'taichisword':
		case 'taichiswordform':
		case 'thirteenspeartechniques':
			showpoptext(10);
			document.getElementById(page).className = styleSubMenu;
			break;
	}

}

function closeMenu()
{
	document.getElementById("poptext1").style.visibility = "hidden";
	document.getElementById("poptext2").style.visibility = "hidden";		
	document.getElementById("poptext3").style.visibility = "hidden";		
	document.getElementById("poptext4").style.visibility = "hidden";		
	document.getElementById("poptext5").style.visibility = "hidden";		
	document.getElementById("poptext6").style.visibility = "hidden";		
	document.getElementById("poptext7").style.visibility = "hidden";		
	document.getElementById("poptext8").style.visibility = "hidden";		
	document.getElementById("poptext9").style.visibility = "hidden";		
	document.getElementById("poptext10").style.visibility = "hidden";		
	document.getElementById("Div1").style.top = 143;
	document.getElementById("Div2").style.top = 162;
	document.getElementById("Div3").style.top = 181;
	document.getElementById("Div4").style.top = 200;
	document.getElementById("Div5").style.top = 219;
	document.getElementById("Div6").style.top = 238;
	document.getElementById("Div7").style.top = 257;
	document.getElementById("Div8").style.top = 276;
	document.getElementById("Div9").style.top = 295;
	document.getElementById("Div10").style.top = 314;
}