<html>
<!-- 請將以下程式加入於 </Head> 之前 -->
<script language="JavaScript">
<!--
function move1(whichlayer){
tlayer=eval(whichlayer)
if (tlayer.left>0&&tlayer.left<=5){
tlayer.left=0
setTimeout("move1(tlayer)",pausebetweenimages)
setTimeout("move2(document.main.document.second)",pausebetweenimages)
return
}
if (tlayer.left>=tlayer.document.width*-1){
tlayer.left-=5
setTimeout("move1(tlayer)",100)
}
else{
tlayer.left=scrollerwidth+5
tlayer.document.write(slideimages[i])
tlayer.document.close()
if (i==slideimages.length-1)
i=0
else
i++
}
}

function move2(whichlayer){
tlayer2=eval(whichlayer)
if (tlayer2.left>0&&tlayer2.left<=5){
tlayer2.left=0
setTimeout("move2(tlayer2)",pausebetweenimages)
setTimeout("move1(document.main.document.first)",pausebetweenimages)
return
}
if (tlayer2.left>=tlayer2.document.width*-1){
tlayer2.left-=5
setTimeout("move2(tlayer2)",100)
}
else{
tlayer2.left=scrollerwidth+5
tlayer2.document.write(slideimages[i])
tlayer2.document.close()
if (i==slideimages.length-1)
i=0
else
i++
}
}

function move3(whichdiv){
tdiv=eval(whichdiv)
if (tdiv.style.pixelLeft>0&&tdiv.style.pixelLeft<=5){
tdiv.style.pixelLeft=0
setTimeout("move3(tdiv)",pausebetweenimages)
setTimeout("move4(second2)",pausebetweenimages)
return
}
if (tdiv.style.pixelLeft>=tdiv.offsetWidth*-1){
tdiv.style.pixelLeft-=5
setTimeout("move3(tdiv)",100)
}
else{
tdiv.style.pixelLeft=scrollerwidth
tdiv.innerHTML=slideimages[i]
if (i==slideimages.length-1)
i=0
else
i++
}
}

function move4(whichdiv){
tdiv2=eval(whichdiv)
if (tdiv2.style.pixelLeft>0&&tdiv2.style.pixelLeft<=5){
tdiv2.style.pixelLeft=0
setTimeout("move4(tdiv2)",pausebetweenimages)
setTimeout("move3(first2)",pausebetweenimages)
return
}
if (tdiv2.style.pixelLeft>=tdiv2.offsetWidth*-1){
tdiv2.style.pixelLeft-=5
setTimeout("move4(second2)",100)
}
else{
tdiv2.style.pixelLeft=scrollerwidth
tdiv2.innerHTML=slideimages[i]
if (i==slideimages.length-1)
i=0
else
i++
}
}

function startscroll(){
if (document.all){
move3(first2)
second2.style.left=scrollerwidth
}
else if (document.layers){
document.main.visibility='show'
move1(document.main.document.first)
document.main.document.second.left=scrollerwidth+5
document.main.document.second.visibility='show'
}
}
//-->
</script>


<head>
<style type="text/css">
<!--
.menu {font-family:Arial; font-weight:bold}

.menu a{
text-decoration:none;
color:black;
}
-->
</style>
<script language="javascript">
<!--

/*
Cool Table Menu
By Clarence Eldefors (http://www.freebox.com/cereweb) with modifications from javascriptkit.com
Visit http://javascriptkit.com for this and over 400+ other scripts
*/



function movein(which,html){
which.style.background='coral'
if (document.getElementById)
document.getElementById("boxdescription").innerHTML=html
else
boxdescription.innerHTML=html
}

function moveout(which){
which.style.background='bisque'
if (document.getElementById)
document.getElementById("boxdescription").innerHTML='&nbsp;'
else
boxdescription.innerHTML='&nbsp;'
}

//-->
</script>


<body bgcolor="#ff962d" link="#9f0000" vlink="#c46200" alink="#ffcc00">
<table bgcolor="black" border="1" bordercolor="ivory" cellpadding="2" cellspacing="0">


  <tr height="23">

<td class="menu" bordercolor="black" id="choice1" style="CURSOR: hand; BACKGROUND-COLOR: bisque" onmouseover="movein(this,'Photo Gallery')" onmouseout="moveout(this)">
<img src="images\image015.gif">
<a href="photogallery.html" target="right">照相廊</a></td></tr>
  <tr>

<td class="menu" bordercolor="black" id="choice2" style="CURSOR: hand; BACKGROUND-COLOR: bisque" onmouseover="movein(this,'Our Philosophy')" onmouseout="moveout(this)">
<img src="images\image017.gif">
<a href="philosophy.htm" target="right">我們的理念</a></td></tr>
  <tr>

<td class="menu" bordercolor="black" id="choice3" style="CURSOR: hand; BACKGROUND-COLOR: bisque" onmouseover="movein(this,'Program Summary')" onmouseout="moveout(this)">
<img src="images\image012.gif">
<a href="course.htm" target="right">課程總覽</a></td></tr>
  <tr>

<!--td class="menu" bordercolor="black" id="choice4" style="CURSOR: hand; BACKGROUND-COLOR: bisque" onmouseover="movein(this,'Time Table')" onmouseout="moveout(this)">
<img src="images\image018.gif">
<a href="timetable.html" target="right">時間表</a></td></tr>
  <tr-->
        
<td class="menu" bordercolor="black" id="choice5" style="CURSOR: hand; BACKGROUND-COLOR: bisque" onmouseover="movein(this,'Program for Kinder')" onmouseout="moveout(this)">
<img src="images\image013.gif">
<a href="kindergarten.htm" target="right">幼兒課程</a></td></tr>
  <tr>

<td class="menu" bordercolor="black" id="choice6" style="CURSOR: hand; BACKGROUND-COLOR: bisque" onmouseover="movein(this,'Program for Primary')" onmouseout="moveout(this)">
<img src="images\image015.gif">
<a href="primary.htm" target="right">小學課程</a></td></tr>

<tr>
<td class="menu" bordercolor="black" id="choice7" style="CURSOR: hand; BACKGROUND-COLOR: bisque" onmouseover="movein(this,'More Services')" onmouseout="moveout(this)">
<img height="25" src="images\image001.gif" width="22">
<a href="services.html" target="right">其他服務</a></td></tr>

<!--tr>
<td class="menu" bordercolor="black" id="choice8" style="CURSOR: hand; BACKGROUND-COLOR: bisque" onmouseover="movein(this,'Form Download')" onmouseout="moveout(this)">
<img src="images\image017.gif">
<a href="downloadForms.html" target="right">報名表下載</a></td></tr-->
  <tr>
  
  <td class="menu" bordercolor="black" id="choice9" style="CURSOR: hand; BACKGROUND-COLOR: bisque" onmouseover="movein(this,'Holiday')" onmouseout="moveout(this)">
<img src="images\image018.gif">
<a href="holiday.htm" target="right">中心假期表</a></td></tr>
  <tr>

<td class="menu" bordercolor="black" id="choice10" style="CURSOR: hand; BACKGROUND-COLOR: bisque" onmouseover="movein(this,'About Us')" onmouseout="moveout(this)">
<img src="images\image012.gif">
<a href="aboutus.htm" target="right">有關我們</a></td></tr>
  <tr>

<td class="menu" bordercolor="black" id="choice11" style="CURSOR: hand; BACKGROUND-COLOR: bisque" onmouseover="movein(this,'Contact Us')" onmouseout="moveout(this)">
<img src="images\image013.gif">
<a href="contactus.htm" target="right">聯絡我們</a></td></tr>

<tr>
<td bordercolor="black" bgcolor="#fcbc83" height="18"><font id="boxdescription" face="Verdana" size="2"></font></td></tr>
</table><!-- 請將以下程式加入於閣下放相片之位置 -->
<script language="JavaScript1.2">
	var scrollerwidth=110
	var scrollerheight=100
	var scrollerbgcolor='white'

	// 轉相時間(微秒)
	// 3000 微秒 = 3 秒
	var pausebetweenimages=3000


	// 改變以下的陣列(Array)來加上閣下要出之相片
	// 請加上<A href="filename.html">及</A>包著<img>來加上連結
	var slideimages=new Array()

	slideimages[0]='<img src="images/CIMG2053.JPG" border=0"></a>'
	slideimages[1]='<img src="images/CIMG2054.JPG">'
	slideimages[2]='<img src="images/CIMG2055.JPG">'
	slideimages[3]='<img src="images/image018.jpg">'
	slideimages[4]='<img src="images/photo019_resize.JPG" >'
	slideimages[5]='<img src="images/photo020_resize.JPG" >'
	slideimages[6]='<img src="images/photo021_resize.JPG" >'
	slideimages[7]='<img src="images/photo022_resize.JPG" >'
	slideimages[8]='<img src="images/photo024_resize.JPG" >'
	slideimages[9]='<img src="images/photo023_resize.JPG" >'
	slideimages[10]='<img src="images/photo025_resize.JPG" >'
	slideimages[11]='<img src="images/photo026_resize.JPG" >'
	slideimages[12]='<img src="images/photo027_resize.JPG" >'
	slideimages[13]='<img src="images/photo028_resize.JPG" >'
	slideimages[14]='<img src="images/photo029_resize.JPG" >'
	slideimages[15]='<img src="images/photo030_resize.JPG" >'



	// 若有更多之相片,請自行加上陣列項目


	// !!! 請勿改變以下之程式內容 !!!
	if (slideimages.length>1)
	i=2
	else
	i=0

	window.onload=startscroll
</script>
<p></p>
<ilayer id="main" width="&{scrollerwidth};" height="&{scrollerheight};" bgcolor="&{scrollerbgcolor};" visibility="hide">
<layer id="first" top="0" width="&{scrollerwidth};" left="1">
<script language="JavaScript1.2">
	if (document.layers)
	document.write(slideimages[0])
</script>
</layer>

<layer id="second" top="0" width="&{scrollerwidth};" left="0" visibility="hide">
<script language="JavaScript1.2">
	if (document.layers)
	document.write(slideimages[1])
</script>
</layer></ilayer>


<a href="../en/left.html"><font color=#0000ff> English Version </font>
<br><a href="../zn/left.html"><font color=#0000ff> 中文简体 </font>

<script language="JavaScript1.2">
	if (document.all){
	document.writeln('<span id="main2" style="position:relative;width:'+scrollerwidth+';height:'+scrollerheight+';overflow:hidden;background-color:'+scrollerbgcolor+'">')
	document.writeln('<div style="position:absolute;width:'+scrollerwidth+';height:'+scrollerheight+';clip:rect(0 '+scrollerwidth+' '+scrollerheight+' 0);left:0;top:0">')
	document.writeln('<div id="first2" style="position:absolute;width:'+scrollerwidth+';left:1;top:0;">')
	document.write(slideimages[0])
	document.writeln('</div>')
	document.writeln('<div id="second2" style="position:absolute;width:'+scrollerwidth+';left:0;top:0">')
	document.write(slideimages[1])
	document.writeln('</div>')
	document.writeln('</div>')
	document.writeln('</span>')
	}
</script></p><!--bgsound src="images/bach_846.mid" loop="-1"-->
</body>