<!DOCTYPE HTML PUBLIC "-//W3C//DTD HTML 4.0 Transitional//EN">
<HTML>
<HEAD>
  <TITLE>Manitoba Great Wall Performing Arts --> Insider</TITLE>
  <META http-equiv="Content-Language" content="zh-cn">
  <META http-equiv="Content-Type" content="text/html; charset=gb2312">
  <LINK href="../../gallary/js/doccss.css" type=text/css rel=stylesheet>
  <SCRIPT src="../../gallary/js/functions.js"></SCRIPT>

<SCRIPT language=javascript type=text/javascript> 
function AddFavorite(servername,username)
{
	window.external.AddFavorite('http://'+servername+'/album/'+username,username+'MYNAME');
}
</SCRIPT>
 
 
<SCRIPT language=JavaScript type=text/JavaScript> 
function MM_reloadPage(init) {  //reloads the window if Nav4 resized
  if (init==true) with (navigator) {if ((appName=="Netscape")&&(parseInt(appVersion)==4)) {
    document.MM_pgW=innerWidth; document.MM_pgH=innerHeight; onresize=MM_reloadPage; }}
  else if (innerWidth!=document.MM_pgW || innerHeight!=document.MM_pgH) location.reload();
}
MM_reloadPage(true);
 
var interval = 5000; // delay between rotating images (in seconds)
var image_index = -1;
var control = true;
image_list = new Array();
note_list = new noteArray(26);
var number_of_image = image_list.length;
image_list[0] = new imageItem("./page1.jpg");
image_list[1] = new imageItem("./page2.jpg");
image_list[2] = new imageItem("./page3.jpg");
image_list[3] = new imageItem("./page4.jpg");
image_list[4] = new imageItem("./page5.jpg");

image_list[5] = new imageItem("./page6.jpg");
image_list[6] = new imageItem("./page7.jpg");
image_list[7] = new imageItem("./page8.jpg");
image_list[8] = new imageItem("./page9.jpg");
image_list[9] = new imageItem("./page10.jpg");
 
image_list[10] = new imageItem("./page11.jpg");
image_list[11] = new imageItem("./page12.jpg");
image_list[12] = new imageItem("./page13.jpg");
image_list[13] = new imageItem("./page14.jpg");
image_list[14] = new imageItem("./page15.jpg");
 
image_list[15] = new imageItem("./page16.jpg");
image_list[16] = new imageItem("./page17.jpg");
image_list[17] = new imageItem("./page18.jpg");
image_list[18] = new imageItem("./page19.jpg");
image_list[19] = new imageItem("./page20.jpg");
 
image_list[20] = new imageItem("./page21.jpg");
image_list[21] = new imageItem("./page22.jpg");
image_list[22] = new imageItem("./page23.jpg");
image_list[23] = new imageItem("./page24.jpg");
image_list[24] = new imageItem("./page25.jpg");

image_list[25] = new imageItem("./page26.jpg");
 
note_list[0] = "Insider3: Page 01";
note_list[1] = "Insider3: Page 02";
note_list[2] = "Insider3: Page 03";
note_list[3] = "Insider3: Page 04";
note_list[4] = "Insider3: Page 05";
note_list[5] = "Insider3: Page 06";
note_list[6] = "Insider3: Page 07";
note_list[7] = "Insider3: Page 08";
note_list[8] = "Insider3: Page 09";
note_list[9] = "Insider3: Page 10";
note_list[10] = "Insider3: Page 11";
note_list[11] = "Insider3: Page 12";
note_list[12] = "Insider3: Page 13";
note_list[13] = "Insider3: Page 14";
note_list[14] = "Insider3: Page 15";
note_list[15] = "Insider3: Page 16";
note_list[16] = "Insider3: Page 17";
note_list[17] = "Insider3: Page 18";
note_list[18] = "Insider3: Page 19";
note_list[19] = "Insider3: Page 20";
note_list[20] = "Insider3: Page 21";
note_list[21] = "Insider3: Page 22";
note_list[22] = "Insider3: Page 23";
note_list[23] = "Insider3: Page 24";
note_list[24] = "Insider3: Page 25";
note_list[25] = "Insider3: Page 26";
 
 
function noteArray(size)
{
	 this.length=size;
	 for(i=1;i<=size;i++)
	 {
		this[i]=""
	 }
 	return this;
}
function run(value){
	document.all.intervaltime.innerText = value;
	if(interval != value*1000) {	
		interval = value*1000;
	}
}
function stop(){
 	control=true;
	interval=0;
}
function previous(){
 	var new_image = getPreviousImage();
 	document['rImage'].src = new_image;
}
function next(){
 	var new_image = getNextImage();
	 document['rImage'].src = new_image;
}
function imageItem(image_location) {
	this.image_item = new Image();
	this.image_item.src = image_location;
}
function noteItem(note) {
	this.note_item = new Image();
	this.note_item.src = note;
}
function get_ImageItemLocation(imageObj) {
	return(imageObj.image_item.src)
}
function get_NoteItemLocation(noteObj) {
	return(noteObj.note_item.src)
}
function getPreviousImage() {
	image_index = image_index-1;
	if (image_index < 0){
 		image_index=image_index + image_list.length;
 	}
	var new_image = get_ImageItemLocation(image_list[image_index]);
	document.all.number.innerText=image_index+1;
	document.all.summary.innerText=note_list[image_index];
	return(new_image);
}
function getNextImage() {
	image_index = image_index+1;
	if (image_index >= image_list.length){
 		image_index=image_index - image_list.length;
 	}
	var new_image = get_ImageItemLocation(image_list[image_index]);
	document.all.number.innerText=image_index+1;
	document.all.summary.innerText=note_list[image_index];
	return(new_image);
}
function rotateImage() {
	if (interval == 0){
		return 1;
	}
	var new_image = getNextImage();
	document['rImage'].src = new_image;
	window.setTimeout("rotateImage();", interval);
}
function zoomimg(img)
{
		var zoom=parseInt(img.style.zoom,10) || 100;
		zoom += event.wheelDelta / 24;
		imgW = img.clientWidth*zoom/100;
		if (zoom>10 && imgW<area_w) img.style.zoom = zoom + "%";
		return false;
}
function change(value) {
	if(control == true) {
		run(value);
		rotateImage();
		control = false;
	}
}
</SCRIPT>


<style>
<!--
#page {position:absolute; z-index:0; left:0px; top:0px}
.tt3 {font: 9pt/12pt "宋体"}
.tt2 {font: 12pt/15pt "宋体"}
a {text-decoration:none}
a:hover {color: blue;text-decoration:underline}
-->
</style>
 
</HEAD>

<BODY bgcolor="99cccc">

<TABLE WIDTH="100%" CELLPADDING=1 CELLSPACING=0 BORDER=0>
  <FORM name=imgform>
  <TBODY>
  <TR vAlign=top>
    <TD CLASS="tt3" VALIGN="top" width="8%"> </TD>
    <TD CLASS="tt2" VALIGN="top" width="86%">
      <TABLE style="MARGIN-TOP: 10px" cellSpacing=0 cellPadding=0 width="100%" border=1>
        <TBODY>
        <TR>
          <TD style="PADDING-LEFT: 8px" width="10%">Page# <SPAN id=number>1</SPAN>/26:</TD>
          <TD id=summary style="PADDING-LEFT: 5px" width="56%"><center><FONT style="FONT-SIZE: 11.5pt">Insider3: Page: 01</FONT></center></TD>
          <!--TD align=middle width="33%">interval:<SPAN id=intervaltime>5</SPAN>sec 
             Options: 
            <A class=button id=two onclick=javascript:run(2); name=two><U>2sec</U></A> 
            <A class=button id=five onclick=javascript:run(5); name=five><U>5sec</U></A> 
            <A class=button id=ten onclick=javascript:run(10); name=ten><U>10sec</U></A> 
          </TD-->
          <TD style="PADDING-RIGHT: 8px" align=right width="33%">
            <!--A class=button id=play onclick=javascript:change(5); name=play><U>Play</U></A>
            &nbsp;<A class=button id=stopb onclick=javascript:stop() name=stopb><U>Stop</U></A-->
            <A class=button onclick=javascript:previous();><U>« previous</U></A>
            &nbsp;&nbsp;<A class=button onclick=javascript:next();><U>Next »</U></A>
            &nbsp;&nbsp;<A style="COLOR: #000000; TEXT-DECORATION: none" href="http://www.manitobagreatwall.com/eng/insider/2009_insider3/2009_insider3.htm"><U>Return</U></A>
          </TD>
        
        </TR>
 
        </TBODY></TABLE>
	</TD>
    <TD CLASS="tt3" VALIGN="bottom" width="8%"  ></TD>
	
	</TR>
</TBODY></FORM>
</TABLE>


<TABLE WIDTH="100%" CELLPADDING=1 CELLSPACING=0 BORDER=0>
<TR>
<TD CLASS="tt3" VALIGN="top" width="8%"  > </TD>
<TD class="tt2"  width="86%">
    <hr color="#EE9B73" size="1" width="94%">
    <IMG name="rImage" width="880" height="800" alt="" src="page1.jpg" />
    <br />
    <hr color="#EE9B73" size="1" width="94%">
</TD>

<TD CLASS="tt3" VALIGN="bottom" width="8%"  ></TD>
</TR>
</TABLE>

<SCRIPT language=javascript> 
/* rotateImage(); */
</SCRIPT>

</BODY>
</HTML>