// -------------------------------------------------------------- //
// --------------------   DIVISION2 Content   -------------------- //
// -------------------------------------------------------------- //
OpenLayer02 = "";
LinkLine02 = "";
CloseLayer02 = "";
OpenLayer02 += "<TABLE BORDER=0 CELLPADDING=0 CELLSPACING=0 WIDTH='100'>";
OpenLayer02 += " <tr>";
OpenLayer02 += " <td>";
OpenLayer02 += " <table border='0' cellspacing='0' cellpadding='0' width='100'>";
OpenLayer02 += " <tr>";
OpenLayer02 += " <td width='10' height='8'><img src='images/table_l_over.gif' width='10' height='8'></td>";
OpenLayer02 += " <td bgcolor='#FFD83B'><img src='images/spacer.gif' width='1' height='1'></td>";
OpenLayer02 += " <td width='10' height='8'><img src='images/table_r_over.gif' width='10' height='8'></td>";
OpenLayer02 += " </tr>";
OpenLayer02 += " </table>";
OpenLayer02 += " </td>";
OpenLayer02 += " </tr>";
OpenLayer02 += " <tr>";
OpenLayer02 += " <td>";
OpenLayer02 += " <table border='0' cellspacing='0' cellpadding='0' bgcolor='#9F7439' width='100' >";

LinkLine02 += " <tr>";
LinkLine02 += " <td bgcolor='#FFD83B'><img src='images/table_09_over.gif' width='100' height='6'></td>";
LinkLine02 += " </tr>";

CloseLayer02 += " </table>";
CloseLayer02 += " </td>";
CloseLayer02 += " </tr>";
CloseLayer02 += " <tr>";
CloseLayer02 += " <td>";
CloseLayer02 += " <table border='0' cellspacing='0' cellpadding='0' width=100>";
CloseLayer02 += " <tr>";
CloseLayer02 += " <td width='10' height='8'><img src='images/table_bl_over.gif' width='10' height='8'></td>";
CloseLayer02 += " <td bgcolor='#FFD83B'><img src='images/spacer.gif' width='1' height='1'></td>";
CloseLayer02 += " <td width='10' height='8'><img src='images/table_br_over.gif' width='10' height='8'></td>";
CloseLayer02 += " </tr>";
CloseLayer02 += " </table>";
CloseLayer02 += " </td>";
CloseLayer02 += " </tr>";
CloseLayer02 += "</table>";
// -------------------------------------------------------------- //
// -------------------------------------------------------------- //

// start of variable
// MENU ID (Without Any Use)
// Remember to Input the correct title
Menu02 = new Array();
//Menu02[0]='學生表現及成就';
//Menu02[1]='學生作品';
//Menu02[2]='腦筋急轉彎';
Menu02[0]='循環組';
Menu02[1]='固定組';
Menu02[2]='學校設施';


Menu02Height = new Array();
Menu02Height[0]=2;
Menu02Height[1]=1;
Menu02Height[2]=9;

//alert(Menu02[5].length);

DivString02 = new Array();
SubMenuLinks02 = new Array();
SubMenuTitles02 = new Array();

// --------------- each menu
//SubMenuLinks02[0] = new Array();
//SubMenuTitles02[0] = new Array();
//SubMenuLinks02[0][0] = './menu_page.htm';
//SubMenuTitles02[0][0] = '比賽成績';
//SubMenuLinks02[0][1] = './menu_page.htm';
//SubMenuTitles02[0][1] = '成績龍虎榜';


SubMenuLinks02[1] = new Array();
SubMenuTitles02[1] = new Array();
SubMenuLinks02[1][0] = './menu_page.htm';
SubMenuTitles02[1][0] = '田徑隊';
SubMenuLinks02[1][1] = './menu_page.htm';
SubMenuTitles02[1][1] = '球類活動';
SubMenuLinks02[1][2] = './menu_page.htm';
SubMenuTitles02[1][2] = '劍擊隊';
SubMenuLinks02[1][3] = './menu_page.htm';
SubMenuTitles02[1][3] = '中樂團';
SubMenuLinks02[1][4] = './menu_page.htm';
SubMenuTitles02[1][4] = '合唱團';
SubMenuLinks02[1][5] = './menu_page.htm';
SubMenuTitles02[1][5] = '舞蹈團';
SubMenuLinks02[1][6] = './menu_page.htm';
SubMenuTitles02[1][6] = '英語話劇';
SubMenuLinks02[1][7] = './menu_page.htm';
SubMenuTitles02[1][7] = '詩歌班';
SubMenuLinks02[1][8] = './menu_page.htm';
SubMenuTitles02[1][8] = '公益少年團';
SubMenuLinks02[1][9] = './menu_page.htm';
SubMenuTitles02[1][9] = '幼童軍';
SubMenuLinks02[1][10] = './menu_page.htm';
SubMenuTitles02[1][10] = '團契活動';
SubMenuLinks02[1][11] = './menu_page.htm';
SubMenuTitles02[1][11] = '美勞創作';

SubMenuLinks02[2] = new Array();
SubMenuTitles02[2] = new Array();
SubMenuLinks02[2][0] = './facilities.htm';
SubMenuTitles02[2][0] = '地下';
SubMenuLinks02[2][1] = './facilities.htm';
SubMenuTitles02[2][1] = '二樓';
SubMenuLinks02[2][2] = './facilities.htm';
SubMenuTitles02[2][2] = '三樓';
SubMenuLinks02[2][3] = './facilities.htm';
SubMenuTitles02[2][3] = '四樓';
SubMenuLinks02[2][4] = './facilities.htm';
SubMenuTitles02[2][4] = '五樓';
SubMenuLinks02[2][5] = './facilities.htm';
SubMenuTitles02[2][5] = '六樓';
SubMenuLinks02[2][6] = './facilities.htm';
SubMenuTitles02[2][6] = '其他設施';

SubMenuLinks02[0] = new Array();
SubMenuTitles02[0] = new Array();
SubMenuLinks02[0][0] = './menu_page.htm';
SubMenuTitles02[0][0] = '書法';
SubMenuLinks02[0][1] = './menu_page.htm';
SubMenuTitles02[0][1] = '摺紙';
SubMenuLinks02[0][2] = './menu_page.htm';
SubMenuTitles02[0][2] = '美食天地';
SubMenuLinks02[0][3] = './menu_page.htm';
SubMenuTitles02[0][3] = '棋藝';
SubMenuLinks02[0][4] = './menu_page.htm';
SubMenuTitles02[0][4] = '編織';
SubMenuLinks02[0][5] = './menu_page.htm';
SubMenuTitles02[0][5] = '電腦興趣';
SubMenuLinks02[0][6] = './menu_page.htm';
SubMenuTitles02[0][6] = '故事分享';
SubMenuLinks02[0][7] = './menu_page.htm';
SubMenuTitles02[0][7] = '親近主耶穌';
SubMenuLinks02[0][8] = './menu_page.htm';
SubMenuTitles02[0][8] = '環保小先鋒';
SubMenuLinks02[0][9] = './menu_page.htm';
SubMenuTitles02[0][9] = '創意手工藝';
SubMenuLinks02[0][10] = './menu_page.htm';
SubMenuTitles02[0][10] = '動腦筋';
SubMenuLinks02[0][11] = './menu_page.htm';
SubMenuTitles02[0][11] = '電影戲劇';

// -----------------------------------------------

MenuAmount=Menu02.length;
MenuWidth = 108;
MenuHeight = 25; // of each item
StartTop = 110 + 26 + 25 +33 +3;
//+ MenuHeight;
StartLeft = 27; // left distinst from borer to start of 1st character
FontWidthPix = 13; // width of each character

for (i=0; i<MenuAmount; i++){
	if (SubMenuLinks02[i]&&SubMenuTitles02[i]){
		SubLinkAmount = SubMenuLinks02[i].length;
//			top = StartTop + i*MenuHeight ;
			top = StartTop + (Menu02Height[i]-1)*MenuHeight;
			left = StartLeft + (FontWidthPix*Menu02[i].length)+1;
			//left += Menu02[i].length*5;
		if (SubLinkAmount>0){
			DivString02[i] = "<div id = 'Div02_"+i+"' style='position:absolute;";
			DivString02[i]+= "top:"+top+"px;"+"left:"+left+"px;visibility:hidden;z-index:1' onMouseOver='showDiv02("+i+")' onMouseOut='hideDiv02("+i+")'>";
			DivString02[i]+= OpenLayer02+LinkLine02;

			for (j=0; j<SubLinkAmount; j++){
				DivString02[i]+= "<TR ><TD COLSPAN =4 bgcolor='#FFD83B'>&nbsp;&nbsp;";
				DivString02[i]+= "<a href ='"+SubMenuLinks02[i][j]+"' class='word'><font color=663300 size=2>"+SubMenuTitles02[i][j]+"</a>";
				DivString02[i]+= "</td></tr>";
				DivString02[i]+= LinkLine02;
			}
			DivString02[i]+= CloseLayer02;
			DivString02[i]+= "</div>";
			document.write(DivString02[i]);
		}
	}
}

function showDiv02(divIndex){
	if (document.all['Div02_'+divIndex])
		document.all['Div02_'+divIndex].style.visibility="visible";
}
function hideDiv02(divIndex){
	if (document.all['Div02_'+divIndex])
		document.all['Div02_'+divIndex].style.visibility="hidden";
}

/*
<TABLE WIDTH=108 BORDER=1 CELLPADDING=0 CELLSPACING=0>
	<TR>
		<TD>
			<IMG SRC="images/spacer.gif" WIDTH=16 HEIGHT=1></TD>
		<TD>
			<IMG SRC="images/spacer.gif" WIDTH=77 HEIGHT=1></TD>
		<TD>
			<IMG SRC="images/spacer.gif" WIDTH=1 HEIGHT=1></TD>
		<TD>
			<IMG SRC="images/spacer.gif" WIDTH=14 HEIGHT=1></TD>
	</TR>
	<TR>
		<TD>
			<IMG SRC="images/table2_01.gif" WIDTH=16 HEIGHT=10></TD>
		<TD COLSPAN=2>
			<IMG SRC="images/table2_02.gif" WIDTH=78 HEIGHT=10></TD>
		<TD>
			<IMG SRC="images/table2_03.gif" WIDTH=14 HEIGHT=10></TD>
	</TR>
	<TR>
		<TD COLSPAN=4>
			<IMG SRC="images/table2_04.gif" WIDTH=108 HEIGHT=2></TD>
	</TR>
//
	<TR >
		<TD COLSPAN =4 background = "images/table2_05.gif">
		<a href = "http://www.ust.hk">aaa</a>
		</td>
	</TR>
	<TR>
		<TD COLSPAN=4>
			<IMG SRC="images/table2_06.gif" WIDTH=108 HEIGHT=2></TD>
	</TR>
//
	<TR >
		<TD COLSPAN =4 background = "images/table2_05.gif">
		<a href = "http://www.ust.hk">aaa</a>
		</td>
	</TR>
	<TR>
		<TD COLSPAN=4>
			<IMG SRC="images/table2_08.gif" WIDTH=108 HEIGHT=2></TD>
	</TR>
	<TR>
		<TD>
			<IMG SRC="images/table2_09.gif" WIDTH=16 HEIGHT=10></TD>
		<TD>
			<IMG SRC="images/table2_10.gif" WIDTH=77 HEIGHT=10></TD>
		<TD COLSPAN=2>
			<IMG SRC="images/table2_11.gif" WIDTH=15 HEIGHT=10></TD>
	</TR>
</TABLE>
*/