<html>
<head>
<title>北 角 官 立 小 學 ﹝NORTH POINT GOVERNMENT PRIMARY SCHOOL﹞</TITLE>
<style type="text/css">
body {background-image:url("images/pta_logo.png")}
</style>

</head>

<!-- configurable script -->
<script type="text/javascript">
theimage = new Array();

// Format: theimage[...]=[image URL, link URL, name/description]
theimage[0]=["thumbnails/0001.JPG", "images/0001.JPG", ""];
theimage[1]=["thumbnails/0002.JPG", "images/0002.JPG", ""];
theimage[2]=["thumbnails/0003.JPG", "images/0003.JPG", ""];
theimage[3]=["thumbnails/0004.JPG", "images/0004.JPG", ""];
theimage[4]=["thumbnails/0005.JPG", "images/0005.JPG", ""];
theimage[5]=["thumbnails/0006.JPG", "images/0006.JPG", ""];
theimage[6]=["thumbnails/0007.JPG", "images/0007.JPG", ""];
theimage[7]=["thumbnails/0008.JPG", "images/0008.JPG", ""];
theimage[8]=["thumbnails/0009.JPG", "images/0009.JPG", ""];
theimage[9]=["thumbnails/00010.JPG", "images/00010.JPG", ""];
theimage[10]=["thumbnails/00011.JPG", "images/00011.JPG", ""];
theimage[11]=["thumbnails/00012.JPG", "images/00012.JPG", ""];
theimage[12]=["thumbnails/00013.JPG", "images/00013.JPG", ""];
theimage[13]=["thumbnails/00014.JPG", "images/00014.JPG", ""];
theimage[14]=["thumbnails/00015.JPG", "images/00015.JPG", ""];
theimage[15]=["thumbnails/00016.JPG", "images/00016.JPG", ""];
theimage[16]=["thumbnails/00017.JPG", "images/00017.JPG", ""];
theimage[17]=["thumbnails/00018.JPG", "images/00018.JPG", ""];
theimage[18]=["thumbnails/00019.JPG", "images/00019.JPG", ""];
theimage[19]=["thumbnails/00020.JPG", "images/00020.JPG", ""];
theimage[20]=["thumbnails/00021.JPG", "images/00021.JPG", ""];
theimage[21]=["thumbnails/00022.JPG", "images/00022.JPG", ""];
theimage[22]=["thumbnails/00023.JPG", "images/00023.JPG", ""];
theimage[23]=["thumbnails/00024.JPG", "images/00024.JPG", ""];
theimage[24]=["thumbnails/00025.JPG", "images/00025.JPG", ""];
theimage[25]=["thumbnails/00026.JPG", "images/00026.JPG", ""];
theimage[26]=["thumbnails/00027.JPG", "images/00027.JPG", ""];
theimage[27]=["thumbnails/00028.JPG", "images/00028.JPG", ""];
theimage[28]=["thumbnails/00029.JPG", "images/00029.JPG", ""];
theimage[29]=["thumbnails/00030.JPG", "images/00030.JPG", ""];
theimage[30]=["thumbnails/00031.JPG", "images/00031.JPG", ""];
theimage[31]=["thumbnails/00032.JPG", "images/00032.JPG", ""];
theimage[32]=["thumbnails/00033.JPG", "images/00033.JPG", ""];
theimage[33]=["thumbnails/00034.JPG", "images/00034.JPG", ""];
theimage[34]=["thumbnails/00035.JPG", "images/00035.JPG", ""];
theimage[35]=["thumbnails/00036.JPG", "images/00036.JPG", ""];
theimage[36]=["thumbnails/00037.JPG", "images/00037.JPG", ""];
theimage[37]=["thumbnails/00038.JPG", "images/00038.JPG", ""];
theimage[38]=["thumbnails/00039.JPG", "images/00039.JPG", ""];
theimage[39]=["thumbnails/00040.JPG", "images/00040.JPG", ""];
theimage[40]=["thumbnails/00041.JPG", "images/00041.JPG", ""];
theimage[41]=["thumbnails/00042.JPG", "images/00042.JPG", ""];
theimage[42]=["thumbnails/00043.JPG", "images/00043.JPG", ""];
theimage[43]=["thumbnails/00044.JPG", "images/00044.JPG", ""];
theimage[44]=["thumbnails/00045.JPG", "images/00045.JPG", ""];
theimage[45]=["thumbnails/00046.JPG", "images/00046.JPG", ""];
theimage[46]=["thumbnails/00047.JPG", "images/00047.JPG", ""];
theimage[47]=["thumbnails/00048.JPG", "images/00048.JPG", ""];
theimage[48]=["thumbnails/00049.JPG", "images/00049.JPG", ""];
theimage[49]=["thumbnails/00050.JPG", "images/00050.JPG", ""];
theimage[50]=["thumbnails/00051.JPG", "images/00051.JPG", ""];
theimage[51]=["thumbnails/00052.JPG", "images/00052.JPG", ""];
theimage[52]=["thumbnails/00053.JPG", "images/00053.JPG", ""];
theimage[53]=["thumbnails/00054.JPG", "images/00054.JPG", ""];
theimage[54]=["thumbnails/00055.JPG", "images/00055.JPG", ""];
theimage[55]=["thumbnails/00056.JPG", "images/00056.JPG", ""];
theimage[56]=["thumbnails/00057.JPG", "images/00057.JPG", ""];
theimage[57]=["thumbnails/00058.JPG", "images/00058.JPG", ""];
theimage[58]=["thumbnails/00059.JPG", "images/00059.JPG", ""];
theimage[59]=["thumbnails/00060.JPG", "images/00060.JPG", ""];
theimage[60]=["thumbnails/00061.JPG", "images/00061.JPG", ""];
theimage[61]=["thumbnails/00062.JPG", "images/00062.JPG", ""];
theimage[62]=["thumbnails/00063.JPG", "images/00063.JPG", ""];
theimage[63]=["thumbnails/00064.JPG", "images/00064.JPG", ""];
theimage[64]=["thumbnails/00065.JPG", "images/00065.JPG", ""];
theimage[65]=["thumbnails/00066.JPG", "images/00066.JPG", ""];
theimage[66]=["thumbnails/00067.JPG", "images/00067.JPG", ""];
theimage[67]=["thumbnails/00068.JPG", "images/00068.JPG", ""];
theimage[68]=["thumbnails/00069.JPG", "images/00069.JPG", ""];
theimage[69]=["thumbnails/00070.JPG", "images/00070.JPG", ""];
theimage[70]=["thumbnails/00071.JPG", "images/00071.JPG", ""];
theimage[71]=["thumbnails/00072.JPG", "images/00072.JPG", ""];
theimage[72]=["thumbnails/00073.JPG", "images/00073.JPG", ""];
theimage[73]=["thumbnails/00074.JPG", "images/00074.JPG", ""];
theimage[74]=["thumbnails/00075.JPG", "images/00075.JPG", ""];
theimage[75]=["thumbnails/00076.JPG", "images/00076.JPG", ""];
theimage[76]=["thumbnails/00077.JPG", "images/00077.JPG", ""];
theimage[77]=["thumbnails/00078.JPG", "images/00078.JPG", ""];
theimage[78]=["thumbnails/00079.JPG", "images/00079.JPG", ""];
theimage[79]=["thumbnails/00080.JPG", "images/00080.JPG", ""];
theimage[80]=["thumbnails/00081.JPG", "images/00081.JPG", ""];
theimage[81]=["thumbnails/00082.JPG", "images/00082.JPG", ""];
theimage[82]=["thumbnails/00083.JPG", "images/00083.JPG", ""];
theimage[83]=["thumbnails/00084.JPG", "images/00084.JPG", ""];
theimage[84]=["thumbnails/00085.JPG", "images/00085.JPG", ""];
theimage[85]=["thumbnails/00086.JPG", "images/00086.JPG", ""];
theimage[86]=["thumbnails/00087.JPG", "images/00087.JPG", ""];
theimage[87]=["thumbnails/00088.JPG", "images/00088.JPG", ""];
theimage[88]=["thumbnails/00089.JPG", "images/00089.JPG", ""];
theimage[89]=["thumbnails/00090.JPG", "images/00090.JPG", ""];
theimage[90]=["thumbnails/00091.JPG", "images/00091.JPG", ""];
theimage[91]=["thumbnails/00092.JPG", "images/00092.JPG", ""];
theimage[92]=["thumbnails/00093.JPG", "images/00093.JPG", ""];
theimage[93]=["thumbnails/00094.JPG", "images/00094.JPG", ""];
theimage[94]=["thumbnails/00095.JPG", "images/00095.JPG", ""];
theimage[95]=["thumbnails/00096.JPG", "images/00096.JPG", ""];
theimage[96]=["thumbnails/00097.JPG", "images/00097.JPG", ""];
theimage[97]=["thumbnails/00098.JPG", "images/00098.JPG", ""];
theimage[98]=["thumbnails/00099.JPG", "images/00099.JPG", ""];
theimage[99]=["thumbnails/000100.JPG", "images/000100.JPG", ""];
theimage[100]=["thumbnails/000101.JPG", "images/000101.JPG", ""];
theimage[101]=["thumbnails/000102.JPG", "images/000102.JPG", ""];
theimage[102]=["thumbnails/000103.JPG", "images/000103.JPG", ""];
theimage[103]=["thumbnails/000104.JPG", "images/000104.JPG", ""];
theimage[104]=["thumbnails/000105.JPG", "images/000105.JPG", ""];
theimage[105]=["thumbnails/000106.JPG", "images/000106.JPG", ""];
theimage[106]=["thumbnails/000107.JPG", "images/000107.JPG", ""];
theimage[107]=["thumbnails/000108.JPG", "images/000108.JPG", ""];
theimage[108]=["thumbnails/000109.JPG", "images/000109.JPG", ""];
theimage[109]=["thumbnails/000110.JPG", "images/000110.JPG", ""];
theimage[110]=["thumbnails/000111.JPG", "images/000111.JPG", ""];
theimage[111]=["thumbnails/000112.JPG", "images/000112.JPG", ""];
theimage[112]=["thumbnails/000113.JPG", "images/000113.JPG", ""];
theimage[113]=["thumbnails/000114.JPG", "images/000114.JPG", ""];
theimage[114]=["thumbnails/000115.JPG", "images/000115.JPG", ""];
theimage[115]=["thumbnails/000116.JPG", "images/000116.JPG", ""];
theimage[116]=["thumbnails/000117.JPG", "images/000117.JPG", ""];
theimage[117]=["thumbnails/000118.JPG", "images/000118.JPG", ""];
theimage[118]=["thumbnails/000119.JPG", "images/000119.JPG", ""];
theimage[119]=["thumbnails/000120.JPG", "images/000120.JPG", ""];
theimage[120]=["thumbnails/000121.JPG", "images/000121.JPG", ""];
theimage[121]=["thumbnails/000122.JPG", "images/000122.JPG", ""];
theimage[122]=["thumbnails/000123.JPG", "images/000123.JPG", ""];
theimage[123]=["thumbnails/000124.JPG", "images/000124.JPG", ""];
theimage[124]=["thumbnails/000125.JPG", "images/000125.JPG", ""];
theimage[125]=["thumbnails/000126.JPG", "images/000126.JPG", ""];
theimage[126]=["thumbnails/000127.JPG", "images/000127.JPG", ""];
theimage[127]=["thumbnails/000128.JPG", "images/000128.JPG", ""];
theimage[128]=["thumbnails/000129.JPG", "images/000129.JPG", ""];
theimage[129]=["thumbnails/000130.JPG", "images/000130.JPG", ""];
theimage[130]=["thumbnails/000131.JPG", "images/000131.JPG", ""];
theimage[131]=["thumbnails/000132.JPG", "images/000132.JPG", ""];
theimage[132]=["thumbnails/000133.JPG", "images/000133.JPG", ""];
theimage[133]=["thumbnails/000134.JPG", "images/000134.JPG", ""];
theimage[134]=["thumbnails/000135.JPG", "images/000135.JPG", ""];
theimage[135]=["thumbnails/000136.JPG", "images/000136.JPG", ""];
theimage[136]=["thumbnails/000137.JPG", "images/000137.JPG", ""];
theimage[137]=["thumbnails/000138.JPG", "images/000138.JPG", ""];
theimage[138]=["thumbnails/000139.JPG", "images/000139.JPG", ""];
theimage[139]=["thumbnails/000140.JPG", "images/000140.JPG", ""];
theimage[140]=["thumbnails/000141.JPG", "images/000141.JPG", ""];
theimage[141]=["thumbnails/000142.JPG", "images/000142.JPG", ""];
theimage[142]=["thumbnails/000143.JPG", "images/000143.JPG", ""];
theimage[143]=["thumbnails/000144.JPG", "images/000144.JPG", ""];
theimage[144]=["thumbnails/000145.JPG", "images/000145.JPG", ""];
theimage[145]=["thumbnails/000146.JPG", "images/000146.JPG", ""];
theimage[146]=["thumbnails/000147.JPG", "images/000147.JPG", ""];
theimage[147]=["thumbnails/000148.JPG", "images/000148.JPG", ""];
theimage[148]=["thumbnails/000149.JPG", "images/000149.JPG", ""];



///// Plugin variables

playspeed=3000;// The playspeed determines the delay for the "Play" button in ms
playdiffernce=500; // The speed that the autoplay speed is changed by. 1000=1sec

//#####
//key that holds where in the array currently are
i=0;

//###########################################
window.onload=function(){

	//preload images into browser
	preloadSlide();

	//"jump to" box
	for (y=0;y<theimage.length;y++) {
		document.slideshow.imgComboBox[y]=new Option(theimage[y][2]);
	}

	//set the first slide
	SetSlide(0);

	//autoplay
	PlaySlide();
}

//###########################################
function SetSlide(num) {
	//too big
	i=num%theimage.length;
	//too small
	if(i<0)i=theimage.length-1;

	//switch the image
	document.images.imgslide.src=theimage[i][1];

	//if drop down box
	if(document.slideshow.imgComboBox){
		document.slideshow.imgComboBox.selectedIndex = i;
	}

	//if they want current slide number and total
	document.getElementById('slidecount').innerHTML= "Image "+(i+1)+" of "+theimage.length;

	//if they have the speed timer
	if(document.slideshow.slidespeed){
		SetSpeed(0);
	}
}

//###########################################
function PlaySlide() {
	if (!window.playing) {
		PlayingSlide(i+1);
		if(document.slideshow.play){
			document.slideshow.play.value="   Stop   ";
		}
	}
	else {
		playing=clearTimeout(playing);
		if(document.slideshow.play){
			document.slideshow.play.value="   Play   ";
		}
	}
	// if you have to change the image for the "playing" slide
	if(document.images.imgPlay){
		setTimeout('document.images.imgPlay.src="'+imgStop+'"',1);
		imgStop=document.images.imgPlay.src
	}
}

//###########################################
function PlayingSlide(num) {
	playing=setTimeout('PlayingSlide(i+1);SetSlide(i+1);', playspeed);
}


//###########################################
function SetSpeed(num){
	if(playspeed+num>0){
		playspeed+=num;
		document.slideshow.slidespeed.value=playspeed;
	}
}


//###########################################
function preloadSlide() {
	for(k=0;k<theimage.length;k++) {
		theimage[k][1]=new Image().src=theimage[k][1];
	}
}


</script>


<table border=0 cellpadding=0 cellspacing=0>
<tr>
<td align=center colspan=2>

<table border=5 cellpadding=5 cellspacing=0>
<tr>
	<td width=800 align=center bgcolor=yellow><b><font size=+2>境外學習交流團</font></b></td>
</tr>
<tr>
	<td align=center bgcolor=turquoise>二零一六年三月份</td>
</tr>
</table>

</td>
</tr>

<tr>
<td>
	<marquee width=200 height=500 direction=up onMouseOver="this.stop();" onMouseOut="this.start();">
	<script type="text/javascript">
		for(k=0;k<theimage.length;k++) {
			document.write('<a href="javascript:SetSlide('+k+')">');
			document.write('<img src="'+theimage[k][0]+'" >');
			document.write('</a>')
		}
	</script>
	</marquee>
</td>
<td>

<!-- slide show HTML -->
<form name="slideshow">

<table border=0 cellpadding=2 cellspacing=0>
<tr>
	<td align="left">
		<input type="button" value="I<<" onClick="SetSlide(0);" title="Jump to starting image">
		<input type="button" value="<<" onClick="SetSlide(i-1);" title="Previous image">
		<input type="button" name="play" value="   Play   " onClick="PlaySlide();" title="Autoplay">
		<input type="button" value=">>" onClick="SetSlide(i+1);" title="Jump to next image">
		<input type="button" value=">>I" onClick="SetSlide(theimage.length-1);" title="Jump to ending image">
	</td>

	<td align="center">
		<select name="imgComboBox" onChange="SetSlide(document.slideshow.imgComboBox.selectedIndex);"></select>
	</td>

	<td align="right" bgcolor=white>
	Delay: 
	<input type="button" value=" /\ " onClick="SetSpeed(playdiffernce)" TITLE="+ Speed" />
	<input type="text" name="slidespeed" readonly size="5" onFocus="blur();" />
	<input type="button" value=" \/ " onClick="SetSpeed(-playdiffernce)" TITLE="- Speed" />
	</td>
</tr>
<tr>
	<td align="center" colspan=3>
	<a href="#" onMouseOver="this.href=theimage[i][1];return false">
	<script type="text/javascript">
		document.write('<img name="imgslide" id="imgslide" src="'+theimage[0][1]+'" border="0">')
	</script>
	</a>
	</td>
</tr>
<tr>
	<td align="center" colspan=3><div id="slidecount"></div></td>
</tr>
</table>

</form>
<!-- end of slide show HTML -->

</td>
</tr>
</table>

</BODY>
</HTML>