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("div7").style.top = 289;
			document.getElementById("div8").style.top = 308;
			document.getElementById("div9").style.top = 327;
			document.getElementById("div10").style.top = 346;
			document.getElementById("Instructors").className = "sideMenuLinkSelected";
		}
		if(menuItem == 2)
		{
			document.getElementById("div8").style.top = 470;
			document.getElementById("div9").style.top = 489;
			document.getElementById("div10").style.top = 508;
			document.getElementById("Lineage").className = "sideMenuLinkSelected";
		}
		if(menuItem == 3)
		{
			document.getElementById("div4").style.top = 219;
			document.getElementById("div5").style.top = 238;
			document.getElementById("div6").style.top = 257;
			document.getElementById("div7").style.top = 276;
			document.getElementById("div8").style.top = 295;
			document.getElementById("div9").style.top = 314;
			document.getElementById("div10").style.top = 333;
			document.getElementById("Events").className = "sideMenuLinkSelected";
		}
	}

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

function resetStyle()
{
	var styleName = "sideMenuLink";
	document.getElementById('AboutUs').className = styleName;
	document.getElementById('Curriculum').className = styleName;
	document.getElementById('Events').className = styleName;
	document.getElementById('FederationMembers').className = styleName;
	document.getElementById('History').className = styleName;
	document.getElementById('Instructors').className = styleName;
	document.getElementById('GinSoon').className = styleName;
	document.getElementById('Vincent').className = styleName;
	document.getElementById('Location').className = styleName;
	document.getElementById('NewYearsBanquet2009').className = styleName;
	document.getElementById('Schedule').className = styleName;
	document.getElementById('Workshops').className = styleName;
	document.getElementById('YeungLouSim').className = styleName;
	document.getElementById('YeungKinHou').className = styleName;
	document.getElementById('YeungBanHou').className = styleName;
	document.getElementById('YeungSiuHou').className = styleName;
	document.getElementById('YeungChingPoInfo').className = styleName;
	document.getElementById('YeungSauChungInfo').className = styleName;
	document.getElementById('YeungChungKee').className = styleName;
	document.getElementById('YeungChungTood').className = styleName;
	document.getElementById('YeungTaiYee').className = styleName;
	document.getElementById('YeungMaLee').className = styleName;
	document.getElementById('YeungYeeLi').className = styleName;
	document.getElementById('IpTaiTak').className = styleName;
}

function setStyle(page)
{
	var styleName = "sideMenuLinkSelected";
		
	switch(page.toLowerCase())
	{
		case 'aboutus':
			document.getElementById('AboutUs').className = styleName;
			break;	 
		case 'curriculum':
			document.getElementById('Curriculum').className = styleName;
			break;	
		case 'events':
			document.getElementById('Events').className = styleName;
			break;
		case 'federationmembers':
			document.getElementById('FederationMembers').className = styleName;
			break;	
		case 'history':
			document.getElementById('History').className = styleName;
			break;	
		case 'instructors':
			document.getElementById('Instructors').className = styleName;
			break;	
		case 'ginsoon':
			showpoptext(1);
			document.getElementById('GinSoon').className = styleName;
			break;
		case 'vincent':
			showpoptext(1);
			document.getElementById('Vincent').className = styleName;
			break;
		case 'location':
			document.getElementById('Location').className = styleName;
			break;	
		case 'newyearsbanquet2009':
			showpoptext(3);
			document.getElementById('NewYearsBanquet2009').className = styleName;
			break;	
		case 'schedule':
			document.getElementById('Schedule').className = styleName;
			break;	
		case 'workshops':
			document.getElementById('Workshops').className = styleName;
			break;
		case 'yeunglousim':
			showpoptext(2);
			document.getElementById('YeungLouSim').className = styleName;
			break;
		case 'yeungkinhou':
			showpoptext(2);
			document.getElementById('YeungKinHou').className = styleName;
			break;
		case 'yeungbanhou':
			showpoptext(2);
			document.getElementById('YeungBanHou').className = styleName;
			break;
		case 'yeungsiuhou':
			showpoptext(2);
			document.getElementById('YeungSiuHou').className = styleName;
			break;
		case 'yeungchingpoinfo':
			showpoptext(2);
			document.getElementById('YeungChingPoInfo').className = styleName;
			break;
		case 'yeungsauchunginfo':
			showpoptext(2);
			document.getElementById('YeungSauChungInfo').className = styleName;
			break;
		case 'yeungchungkee':
			showpoptext(2);
			document.getElementById('YeungChungKee').className = styleName;
			break;
		case 'yeungchungtood':
			showpoptext(2);
			document.getElementById('YeungChungTood').className = styleName;
			break;
		case 'yeungtaiyee':
			showpoptext(2);
			document.getElementById('YeungTaiYee').className = styleName;
			break;
		case 'yeungmalee':
			showpoptext(2);
			document.getElementById('YeungMaLee').className = styleName;
			break;
		case 'yeungyeeli':
			showpoptext(2);
			document.getElementById('YeungYeeLi').className = styleName;
			break;
		case 'iptaitak':
			showpoptext(2);
			document.getElementById('IpTaiTak').className = styleName;
			break;
	}

}

function closeMenu()
{
	document.getElementById("poptext1").style.visibility = "hidden";
	document.getElementById("poptext2").style.visibility = "hidden";		
	document.getElementById("poptext3").style.visibility = "hidden";
	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;
	document.getElementById("Instructors").className = "sideMenuLink";
	document.getElementById("Lineage").className = "sideMenuLink";
	document.getElementById("Events").className = "sideMenuLink";
}