//** TopAreaImage *****************************************************************
function topIMG() {
	with(document)
	{
		write('<div style="width: 970px; height: 79px; background-color: #57184D;">');
		write('<a href="index.html"><img src="images/global/logo.gif" width="190" height="79" alt="Go to Home"></a><img src="images/global/top_img_tc.gif" width="475" height="79" alt="Welcome to the China, Hong Kong and Macao website for Trinity Examinations"><img src="images/global/top_china.gif" width="305" height="79" alt="">');
		write('</div>' );
	}
}
//** FooterArea *****************************************************************
function footer() {
	with(document)
	{
		write('<table id="footer" cellspacing="0" cellpadding="0">');
		write('	<tbody>');
		write('	<tr>');
		write('		<td class="left_cols">Copyright 2009 Trinity College London and Trinity College London (HK). All rights reserved.</td>');
		write('		<td class="right_col"><a href="sitemap.html">網站地圖</a> | <a href="privacy.html">私隱條款</a></td>');
		write('	</tr>');
		write('	</tbody>');
		write('</table>');
	}
}
//** LeftMenuArea *****************************************************************
imgBuffer=new Array;
	imgBuffer[0]=new Array;
	imgBuffer[1]=new Array;
	imgBuffer[2]=new Array;
	imgBuffer[3]=new Array;
		
	for (i=0; i<4; i++)
		for (j=0; j<8; j++)
			imgBuffer[i][j]=new Image;
				//Menu : ESOL Exams
				imgBuffer[0][0].src="images/nav/tc/nav_eng_in_off.gif";
				imgBuffer[1][0].src="images/nav/tc/nav_eng_in.gif";
				imgBuffer[2][0].src="images/nav/tc/nav_eng_off.gif";
				imgBuffer[3][0].src="images/nav/tc/nav_eng_on.gif";
				//Menu : Drama & Speech
				imgBuffer[0][1].src="images/nav/tc/nav_dra_in_off.gif";
				imgBuffer[1][1].src="images/nav/tc/nav_dra_in.gif";
				imgBuffer[2][1].src="images/nav/tc/nav_dra_off.gif";
				imgBuffer[3][1].src="images/nav/tc/nav_dra_on.gif";
				//Menu : TESOL
				imgBuffer[0][2].src="images/nav/tc/nav_tesol_in_off.gif";
				imgBuffer[1][2].src="images/nav/tc/nav_tesol_in.gif";
				imgBuffer[2][2].src="images/nav/tc/nav_tesol_off.gif";
				imgBuffer[3][2].src="images/nav/tc/nav_tesol_on.gif";
				//Menu : Become a centre
				imgBuffer[0][4].src="images/nav/tc/nav_centre_in_off.gif";
				imgBuffer[1][4].src="images/nav/tc/nav_centre_in.gif";
				imgBuffer[2][4].src="images/nav/tc/nav_centre_off.gif";
				imgBuffer[3][4].src="images/nav/tc/nav_centre_on.gif";
				//Menu : News
				imgBuffer[0][5].src="images/nav/tc/nav_news_in_off.gif";
				imgBuffer[1][5].src="images/nav/tc/nav_news_in.gif";
				imgBuffer[2][5].src="images/nav/tc/nav_news_off.gif";
				imgBuffer[3][5].src="images/nav/tc/nav_news_on.gif";
				//Menu : About us
				imgBuffer[0][6].src="images/nav/tc/nav_about_in_off.gif";
				imgBuffer[1][6].src="images/nav/tc/nav_about_in.gif";
				imgBuffer[2][6].src="images/nav/tc/nav_about_off.gif";
				imgBuffer[3][6].src="images/nav/tc/nav_about_on.gif";
				//Menu : Contact us
				imgBuffer[0][7].src="images/nav/tc/nav_contact_in_off.gif";
				imgBuffer[1][7].src="images/nav/tc/nav_contact_in.gif";
				imgBuffer[2][7].src="images/nav/tc/nav_contact_off.gif";
				imgBuffer[3][7].src="images/nav/tc/nav_contact_on.gif";

function changeImage(obj, type, toggle)
{
	obj.src=imgBuffer[toggle][type].src;
	return true;
}

//leftmenu

function leftMenu(m, s) // m = Main Menu , s = Sub Menu
{
	with(document)
	{
		write('<ul id="nav">' + '\n');
		//Menu : ESOL
		if (m == 0)
		{
			write('<li class="english"><a href="esol.html" onMouseOver="changeImage(menu_00, 0, 1);" onMouseOut="changeImage(menu_00, 0, 0);" onfocus="this.blur();"><img src="images/nav/tc/nav_eng_in_off.gif" width="200" height="22" alt="English Exams" name="menu_00"></a>' + '\n');
			write('<img src="images/nav/snav_sdw.gif" width="200" height="9" alt="" id="subnav_shadow">' + '\n');
			write('		<ul id="subnav">' + '\n');
			//Levels
			write('			<li class="first"><a href="esol_levels.html"><img src="images/nav/snav_arrow.gif" width="4" height="7" alt=""><font class="' + '\n');
				if (s == 0) 
				{
					write('on' + '\n');
				}
				write('">程度</font></a></li>' + '\n');
			//GESE
			write('			<li><a href="esol_gese.html"><img src="images/nav/snav_arrow.gif" width="4" height="7" alt=""><font class="' + '\n');
				if (s == 1) 
				{
					write('on' + '\n');
				}
				write('">GESE</font></a></li>' + '\n');
			//ISE
			write('			<li><a href="esol_ise.html"><img src="images/nav/snav_arrow.gif" width="4" height="7" alt=""><font class="' + '\n');
				if (s == 2) 
				{
					write('on' + '\n');
					}
				write('">ISE</font></a></li>' + '\n');
			//SWE
			write('			<li class="last"><a href="esol_sew.html"><img src="images/nav/snav_arrow.gif" width="4" height="7" alt=""><font class="' + '\n');
				if (s == 3) 
				{
					write('on' + '\n');
				}
				write('">SEW</font></a></li>' + '\n');


			write('		</ul>' + '\n');
			write('</li>' + '\n');
		}
		else
		{
			write('<li class="english"><a href="esol.html" onMouseOver="changeImage(menu_00, 0, 3);" onMouseOut="changeImage(menu_00, 0, 2);" onfocus="this.blur();"><img src="images/nav/tc/nav_eng_off.gif" width="200" height="22" alt="English Exams" name="menu_00"></a></li>' + '\n');
		}
		//Menu : Drama & Speech
		if (m == 1)
		{
			write('<li class="drama"><a href="drama.html" onMouseOver="changeImage(menu_01, 1, 1);" onMouseOut="changeImage(menu_01, 1, 0);" onfocus="this.blur();"><img src="images/nav/tc/nav_dra_in_off.gif" width="200" height="22" alt="Drama &amp; Speech Exams" name="menu_01"></a>' + '\n');
			write('<img src="images/nav/snav_sdw.gif" width="200" height="9" alt="" id="subnav_shadow">' + '\n');
			write('		<ul id="subnav">' + '\n');
			//Grade Exams
			write('			<li class="first"><a href="drama_grade.html"><img src="images/nav/snav_arrow.gif" width="4" height="7" alt=""><font class="' + '\n');
				if (s == 0) 
				{
					write('on' + '\n');
				}
				write('">等級考試</font></a></li>' + '\n');
			//Young Performers
			write('			<li><a href="drama_cert.html"><img src="images/nav/snav_arrow.gif" width="4" height="7" alt=""><font class="' + '\n');
				if (s == 1) 
				{
					write('on' + '\n');
				}
				write('">年幼表演者</font></a></li>' + '\n');
			//Speech Communication
			write('			<li><a href="drama_speech.html"><img src="images/nav/snav_arrow.gif" width="4" height="7" alt=""><font class="' + '\n');
				if (s == 2) 
				{
					write('on' + '\n');
				}
				write('">演講溝通</font></a></li>' + '\n');
			//Dates
			write('			<li><a href="drama_dates.html"><img src="images/nav/snav_arrow.gif" width="4" height="7" alt=""><font class="' + '\n');
				if (s == 3) 
				{
					write('on' + '\n');
				}
				write('">考試日期</font></a></li>' + '\n');
			//Downloads
			write('			<li class="last"><a href="drama_down.html"><img src="images/nav/snav_arrow.gif" width="4" height="7" alt=""><font class="' + '\n');
				if (s == 4) 
				{
					write('on' + '\n');
				}
				write('">資料下載</font></a></li>' + '\n');

			write('		</ul>' + '\n');
			write('</li>' + '\n');
		}
		else
		{
			write('<li class="drama"><a href="drama.html" onMouseOver="changeImage(menu_01, 1, 3);" onMouseOut="changeImage(menu_01, 1, 2);" onfocus="this.blur();"><img src="images/nav/tc/nav_dra_off.gif" width="200" height="22" alt="Drama &amp; Speech Exams" name="menu_01"></a></li>' + '\n');
		}
		//Menu : TESOL
		if (m == 2)
		{
			write('<li class="cert"><a href="tesol.html" onMouseOver="changeImage(menu_02, 2, 1);" onMouseOut="changeImage(menu_02, 2, 0);" onfocus="this.blur();"><img src="images/nav/tc/nav_tesol_in_off.gif" width="200" height="22" alt="Trinity CertTESOL" name="menu_02"></a>' + '\n');
			write('<img src="images/nav/snav_sdw.gif" width="200" height="9" alt="" id="subnav_shadow">' + '\n');
			write('		<ul id="subnav">' + '\n');
			//JCELTD
			write('			<li class="first"><a href="tesol_jceltd.html"><img src="images/nav/snav_arrow.gif" width="4" height="7" alt=""><font class="' + '\n');
				if (s == 0) 
				{
					write('on' + '\n');
				}
					write('">JCELTD</font></a></li>' + '\n');
			//JointCertTESOL
			write('			<li><a href="tesol_joint.html"><img src="images/nav/snav_arrow.gif" width="4" height="7" alt=""><font class="' + '\n');
				if (s == 1) 
				{
					write('on' + '\n');
				}
				write('">JointCertTESOL</font></a></li>' + '\n');
			//CertTESOL
			write('			<li class="last"><a href="tesol_cert.html"><img src="images/nav/snav_arrow.gif" width="4" height="7" alt=""><font class="' + '\n');
				if (s == 2) 
				{
					write('on' + '\n');
				}
				write('">CertTESOL</font></a></li>' + '\n');

			write('		</ul>' + '\n');
			write('</li>' + '\n');
		}
		else
		{

			write('<li class="cert"><a href="tesol.html" onMouseOver="changeImage(menu_02, 2, 3);" onMouseOut="changeImage(menu_02, 2, 2);" onfocus="this.blur();"><img src="images/nav/tc/nav_tesol_off.gif" width="200" height="22" alt="Trinity CertTESOL" name="menu_02"></a></li>' + '\n');
		}


		//Menu : Become a centre
		if (m == 4)
		{
			write('<li class="centre"><a href="centre.html" onMouseOver="changeImage(menu_04, 4, 1);" onMouseOut="changeImage(menu_04, 4, 0);" onfocus="this.blur();"><img src="images/nav/tc/nav_centre_in_off.gif" width="200" height="22" alt="Become a Centre" name="menu_04"></a>' + '\n');
			write('</li>' + '\n');
		}
		else
		{
			write('<li class="centre"><a href="centre.html" onMouseOver="changeImage(menu_04, 4, 3);" onMouseOut="changeImage(menu_04, 4, 2);" onfocus="this.blur();"><img src="images/nav/tc/nav_centre_off.gif" width="200" height="22" alt="Become a Centre" name="menu_04"></a></li>' + '\n');
		}


		//Menu : News
		if (m == 5)
		{
			write('<li class="news"><a href="news.html" onMouseOver="changeImage(menu_05, 5, 1);" onMouseOut="changeImage(menu_05, 5, 0);" onfocus="this.blur();"><img src="images/nav/tc/nav_news_in_off.gif" width="200" height="22" alt="News" name="menu_05"></a>' + '\n');
			write('</li>' + '\n');
		}
		else
		{
			write('<li class="news"><a href="news.html" onMouseOver="changeImage(menu_05, 5, 3);" onMouseOut="changeImage(menu_05, 5, 2);" onfocus="this.blur();"><img src="images/nav/tc/nav_news_off.gif" width="200" height="22" alt="News" name="menu_05"></a></li>' + '\n');
		}
		//Menu : About us
		if (m == 6)
		{
			write('<li class="about"><a href="about.html" onMouseOver="changeImage(menu_06, 6, 1);" onMouseOut="changeImage(menu_06, 6, 0);" onfocus="this.blur();"><img src="images/nav/tc/nav_about_in_off.gif" width="200" height="22" alt="About Us" name="menu_06"></a>' + '\n');
			write('<img src="images/nav/snav_sdw.gif" width="200" height="9" alt="" id="subnav_shadow">' + '\n');
			write('	<ul id="subnav">' + '\n');
			//About Trinity
			write('		<li class="first"><a href="about.html"><img src="images/nav/snav_arrow.gif" width="4" height="7" alt=""><font class="' + '\n');
			if (s == 0) 
				{
					write('on' + '\n');
				}
				write('">關於聖三一</font></a></li>' + '\n');
			//Regional Team
			write('		<li><a href="about_team.html"><img src="images/nav/snav_arrow.gif" width="4" height="7" alt=""><font class="' + '\n');
			if (s == 1) 	
				{
					write('on' + '\n');
				}
				write('">區域團隊</font></a></li>' + '\n');

			//Exam Centres
			write('		<li><a href="about_exam_centres.html"><img src="images/nav/snav_arrow.gif" width="4" height="7" alt=""><font class="' + '\n');
			if (s == 2) 	
				{
					write('on' + '\n');
				}
				write('">考試中心</font></a></li>' + '\n');

						
						
						
			//Accreditation 
			write('		<li><a href="acreditation.html"><img src="images/nav/snav_arrow.gif" width="4" height="7" alt=""><font class="' + '\n');
			if (s == 4) 
				{
					write('on' + '\n');
				}
				write('">認証資格</font></a></li>' + '\n');
				
				
			//FAQ
			write('		<li><a href="about_faq.html"><img src="images/nav/snav_arrow.gif" width="4" height="7" alt=""><font class="' + '\n');
			if (s == 6) 
				{
					write('on' + '\n');
				}
				write('">FAQ</font></a></li>' + '\n');
			//Books & Publishers
			write('		<li><a href="about_books.html"><img src="images/nav/snav_arrow.gif" width="4" height="7" alt=""><font class="' + '\n');
			if (s == 7) 
				{
					write('on' + '\n');
				}
				write('">備試用書</font></a></li>' + '\n');
			//Useful Links
			write('		<li class="last"><a href="about_links.html"><img src="images/nav/snav_arrow.gif" width="4" height="7" alt=""><font class="' + '\n');
			if (s == 8) 
				{
					write('on' + '\n');
				}
				write('">連結</font></a></li>' + '\n');

			write('	</ul>' + '\n');
			write('</li>' + '\n');
		}
		else
		{
			write('<li class="about"><a href="about.html" onMouseOver="changeImage(menu_06, 6, 3);" onMouseOut="changeImage(menu_06, 6, 2);" onfocus="this.blur();"><img src="images/nav/tc/nav_about_off.gif" width="200" height="22" alt="About Us" name="menu_06"></a></li>' + '\n');
		}
		//Menu : Contact us
		if (m == 7)
		{
			write('<li class="contact"><a href="contact_us.html" onMouseOver="changeImage(menu_07, 7, 1);" onMouseOut="changeImage(menu_07, 7, 0);" onfocus="this.blur();"><img src="images/nav/tc/nav_contact_in_off.gif" width="200" height="22" alt="Contact Us" name="menu_07"></a>' + '\n');
			write('<img src="images/nav/snav_sdw.gif" width="200" height="9" alt="" id="subnav_shadow">' + '\n');
			write('	<ul id="subnav">' + '\n');
			//Contact Us
			write('		<li class="first"><a href="contact_us.html"><img src="images/nav/snav_arrow.gif" width="4" height="7" alt=""><font class="' + '\n');
			if (s == 0) 
				{
					write('on' + '\n');
				}
				write('">聯絡我們</font></a></li>' + '\n');
			//Infomation Request
			write('		<li class="last"><a href="infomation_request.html"><img src="images/nav/snav_arrow.gif" width="4" height="7" alt=""><font class="' + '\n');
			if (s == 1) 
				{
					write('on' + '\n');
				}
				write('">資料索取</font></a></li>' + '\n');

			write('	</ul>' + '\n');
			write('</li>' + '\n');
		}
		else
		{
			write('<li class="contact"><a href="contact_us.html" onMouseOver="changeImage(menu_07, 7, 3);" onMouseOut="changeImage(menu_07, 7, 2);" onfocus="this.blur();"><img src="images/nav/sc/nav_contact_off.gif" width="200" height="22" alt="Contact Us" name="menu_07"></a></li>' + '\n');
		}

		write('</ul>' + '\n');
		write('<div id="explorerfixer">' + '\n');
		write('<ul id="contact_info">' + '\n');
		write('<class="email"><img src="images/nav/gb_email2.gif" width="19" height="11" align="middle" /><a href="mailto: info@trinitycollege.com.cn">info@trinitycollege.com.cn</a>' + '\n');
		write('<li class="email"><img src="images/nav/gb_email3.gif" alt="" width="19" height="11" align="middle" /><a href="mailto: info@trinitycollege.hk">info@trinitycollege.hk</a>' + '\n');
		write('<li class="phone"><img src="images/nav/gb_phone2.gif" width="19" height="11" align="middle" />中国 +86 (0)755 8347 0295</li>' + '\n');
		write('<li class="phone"><img src="images/nav/gb_email3.gif" width="19" height="11" align="middle" />中国香港 +852 2142 3921</li>' + '\n');
		write('<li class="phone"><img src="images/nav/gb_email3.gif" width="19" height="11" align="middle" />中国澳门 +853 2870 5784</li>' + '\n');
		write('</ul>' + '\n');
		write('</div>' + '\n');
		write('<img src="images/nav/gb_tab_bottom.gif" width="200" height="9" alt=""' + '\n');
		write('><ul id="links">' + '\n');
		write('		<li><img src="images/global/gb_arrow02.gif" width="4" height="7" alt="" class="arrow"><a href="http://www.trinitycollege.co.uk"  target="_blank"><b>Trinity UK Website</b></a></li>' + '\n');
		write('</ul>' + '\n');
	}
}