<!DOCTYPE HTML PUBLIC "-//W3C//DTD HTML 4.01 Transitional//EN">

<html>

<head>

<title>Swipe your Finger, Move that PingGuo</title>

<style type="text/css">


body

{

	font-family: Helvetica, san-serif;

	text-align: center;

	font-size:24px;

}

div { padding: 0px 0 0 0; }


.allpingguo

{


margin-left:auto;

margin-right:auto;

background-color:#7F7F7F;

padding-top:0px;

-webkit-user-select: none;

padding-bottom:10px;


}


span.hid { display: none;}

A:link {color: white; outline: none; font-size: 36px;}

A:visited {color: white; outline: none; font-size: 36px;}

A:active {color: white; outline: none; font-size: 36px;}

A:hover {color: yellow; outline: none; font-size: 36px;}


</style>


		<script type="text/javascript">

			// TOUCH-EVENTS SINGLE-FINGER SWIPE-SENSING JAVASCRIPT

			// Courtesy of PADILICIOUS.COM and MACOSXAUTOMATION.COM

			
			// this script can be used with one or more page elements to perform actions based on them being swiped with a single finger

		
			var triggerElementID = null; // this variable is used to identity the triggering element

			var fingerCount = 0;

			var startX = 0;

			var startY = 0;

			var curX = 0;

			var curY = 0;

			var deltaX = 0;

			var deltaY = 0;

			var horzDiff = 0;

			var vertDiff = 0;

			var minLength = 60; // the shortest distance the user may swipe

			var swipeLength = 0;

			var swipeAngle = null;

			var swipeDirection = null;

                        var randomnumber=(Math.floor(Math.random()*12))+1;

                        var firsttime= 1;

                        var temprandom= 0;

			var leftcompletestack= 0;

                        var countergray="09";

			var arraycount=0;

			var waitcount=1;

                    
			var rightcompletestack= 0;

			var lrand=0;

			var rrand=0;

			var urand=0;

			var drand=0;

			var dlrand=0;

			var ulrand=0;

			var drrand=0;

			var urrand=0;


			var ddlrand=0;

			var uulrand=0;

			var ddrrand=0;

			var uurrand=0;


			var ldone=0;

			var rdone=0;

			var udone=0;

			var ddone=0;

			var dldone=0;

			var uldone=0;

			var drdone=0;

			var urdone=0;


			var ddldone=0;

			var uuldone=0;

			var ddrdone=0;

			var uurdone=0;


			var pglevel=1;

			var filledpg=0;

			var waittime=9000;

			var tempwaittime=0;

                        var pingguorandom=new Array(1,2,3,4,5,6,7,8,9,10,11,12); 


                        var leftapple=[0,0,0,0,0,0,0,0,0]; 

			var leftapplesum=0; 

			var rightapple=[0,0,0,0,0,0,0,0,0]; 

			var rightapplesum=0;  

			
			// The 4 Touch Event Handlers

			
			// NOTE: the touchStart handler should also receive the ID of the triggering element

			// make sure its ID is passed in the event call placed in the element declaration, like:

			// <div id="picture-frame" ontouchstart="touchStart(event,'picture-frame');"  ontouchend="touchEnd(event);" ontouchmove="touchMove(event);" ontouchcancel="touchCancel(event);">

		
			function touchStart(event,passedName) {

				// disable the standard ability to select the touched object

				
				// get the total number of fingers touching the screen

				fingerCount = event.touches.length;

				// since we're looking for a swipe (single finger) and not a gesture (multiple fingers),

				// check that only one finger was used

				if ( fingerCount == 1 ) {

					// get the coordinates of the touch

					startX = event.touches[0].pageX;

					startY = event.touches[0].pageY;

					// store the triggering element ID

					triggerElementID = passedName;

				} else {

					// more than one finger touched so cancel

					touchCancel(event);

				}

			}

		
			function touchMove(event) {

				event.preventDefault();

				if ( event.touches.length == 1 ) {

					curX = event.touches[0].pageX;

					curY = event.touches[0].pageY;

				} else {

					touchCancel(event);

				}

			}

			
			function touchEnd(event) {

				event.preventDefault();

				// check to see if more than one finger was used and that there is an ending coordinate

				if ( fingerCount == 1 && curX != 0 ) {

					// use the Distance Formula to determine the length of the swipe

					swipeLength = Math.round(Math.sqrt(Math.pow(curX - startX,2) + Math.pow(curY - startY,2)));

					// if the user swiped more than the minimum length, perform the appropriate action

					if ( swipeLength >= minLength ) {

						caluculateAngle();

						determineSwipeDirection();

						processingRoutine();

						touchCancel(event); // reset the variables

					} else {

						touchCancel(event);

					}	

				} else {

					touchCancel(event);

				}

			}


			function touchCancel(event) {

				// reset the variables back to default values

				fingerCount = 0;

				startX = 0;

				startY = 0;

				curX = 0;

				curY = 0;

				deltaX = 0;

				deltaY = 0;

				horzDiff = 0;

				vertDiff = 0;

				swipeLength = 0;

				swipeAngle = null;

				swipeDirection = null;

				triggerElementID = null;

			}

			
			function caluculateAngle() {

				var X = startX-curX;

				var Y = curY-startY;

				var Z = Math.round(Math.sqrt(Math.pow(X,2)+Math.pow(Y,2))); //the distance - rounded - in pixels

				var r = Math.atan2(Y,X); //angle in radians (Cartesian system)

				swipeAngle = Math.round(r*180/Math.PI); //angle in degrees

				if ( swipeAngle < 0 ) { swipeAngle =  360 - Math.abs(swipeAngle); }

			}

			
			function determineSwipeDirection() {

				if ( (swipeAngle <= 11) && (swipeAngle >= 0) ) {

					swipeDirection = 'left';

				} else if ( (swipeAngle <= 360) && (swipeAngle >= 349) ) {

					swipeDirection = 'left';


                                } else if ( (swipeAngle < 349) && (swipeAngle >= 315) ) {

					swipeDirection = 'leftup';


                                } else if ( (swipeAngle < 281) && (swipeAngle >= 259) ) {

					swipeDirection = 'up';

                                } else if ( (swipeAngle < 225) && (swipeAngle >= 191) ) {

					swipeDirection = 'rightup';


				} else if ( (swipeAngle < 191) && (swipeAngle >= 169) ) {

					swipeDirection = 'right';

				} else if ( (swipeAngle < 169) && (swipeAngle >= 135) ) {

					swipeDirection = 'rightdown';

                                } else if ( (swipeAngle < 101) && (swipeAngle >= 78) ) {

					swipeDirection = 'down';

                                } else if ( (swipeAngle < 45) && (swipeAngle >= 12) ) {

					swipeDirection = 'leftdown';


				} 


				else if ( (swipeAngle < 78) && (swipeAngle >= 46) ) {

					swipeDirection = 'downdownleft';


				} 

				else if ( (swipeAngle < 135) && (swipeAngle >= 23) ) {

					swipeDirection = 'downdownright';


				} 

				else if ( (swipeAngle < 315) && (swipeAngle >= 281) ) {

					swipeDirection = 'upupleft';


				} 

				else if ( (swipeAngle < 259) && (swipeAngle >= 225) ) {

					swipeDirection = 'upupright';


				} 


                                  else {

				
				}

			}

			
			function processingRoutine() {

				var swipedElement = document.getElementById(triggerElementID);


				if (firsttime ==1){

					displaystart();

				}

				else if (waitcount ==1){

					
				}


				else{


				if ( swipeDirection == 'left' ) {

                              
                              		showhole('c');

					showsharpall('l');

					
                                	setTimeout("showfadeall('l')",700);

                                        setTimeout("showhole('l')",800);

					setTimeout("arraynum()",1000);

					setTimeout("showfadeall('c')",1300);

                                   	setTimeout("showsharpall('c')",1400);


				}


				else if ( swipeDirection == 'right' ) {

					
				if (rdone==0){	

				if (rrand==randomnumber){

					rdone=1;

					showsharpall('r');

					clicksuball();							

				}

				else{

					swipereaction();

				}

				}

				} 


				else if ( swipeDirection == 'leftdown' ) {

				if ((dldone==0) && (pglevel>2)){

 				if (dlrand==randomnumber){

					dldone=1;

					showsharpall('dl');

					clicksuball();							

				}

				else{

					swipereaction();

				}

				} 

				}


				else if ( swipeDirection == 'up' ) {


				if ((udone==0) && (pglevel>10)){

 				if (urand==randomnumber){

					udone=1;

					showsharpall('u');

					clicksuball();							

				}

				else{

					swipereaction();

				}

				} 

				}


				else if ( swipeDirection == 'down' ) {

				if ((ddone==0) && (pglevel>1)){

 				if (drand==randomnumber){

					ddone=1;

					showsharpall('d');

					clicksuball();							

				}

				else{

					swipereaction();

				}

				} 

				}


				else if ( swipeDirection == 'rightdown' ) {

					if ((drdone==0) && (pglevel>3)){

 					if (drrand==randomnumber){

					drdone=1;

					showsharpall('dr');

					clicksuball();							

				}

				else{

					swipereaction();

				}

				}

				} 


				else if ( swipeDirection == 'leftup' ) {

					if ((uldone==0) && (pglevel>4)){

					if (ulrand==randomnumber){

					uldone=1;

					showsharpall('ul');

					clicksuball();							

				}

				else{

					swipereaction();

				}

                                }       

				} 


				else if ( swipeDirection == 'rightup' ) {

					if ((urdone==0) && (pglevel>5)){

 					if (urrand==randomnumber){

					urdone=1;

					showsharpall('ur');

					clicksuball();							

				}

				else{

					swipereaction();

				}

				}

				}

                       
				else if ( swipeDirection == 'downdownright' ) {

					if ((ddrdone==0) && (pglevel>8)){

 					if (ddrrand==randomnumber){

					ddrdone=1;

					showsharpall('ddr');

					clicksuball();							

				}

				else{

					swipereaction();

				}

				}

				}

                       
				else if ( swipeDirection == 'upupright' ) {

					if ((uurdone==0) && (pglevel>6)){

 					if (uurrand==randomnumber){

					uurdone=1;

					showsharpall('uur');

					clicksuball();							

				}

				else{

					swipereaction();

				}

				}

				}

                       
				else if ( swipeDirection == 'upupleft' ) {

					if ((uuldone==0) && (pglevel>7)){

 					if (uulrand==randomnumber){

					uuldone=1;

					showsharpall('uul');

					clicksuball();							

				}

				else{

					swipereaction();

				}

				}

				}

                       
				else if ( swipeDirection == 'downdownleft' ) {

					if ((ddldone==0) && (pglevel>9)){

 					if (ddlrand==randomnumber){

					ddldone=1;

					showsharpall('ddl');

					clicksuball();							

				}

				else{

					swipereaction();

				}

				}

				}

                       
				}


			}


			function clickl(){


				if (firsttime ==1){

					alert('请点击（或轻扫）右面的苹果去开始。/ Please click (or swipe) the apple on the right to start.');

				}

				else if (waitcount ==1){

					
				}


				else{

					showsharpall('l');

					showhole('c');

                                	setTimeout("showfadeall('l')",700);

                                        setTimeout("showhole('l')",800);

					setTimeout("arraynum()",1000);

					setTimeout("showfadeall('c')",1300);

                                   	setTimeout("showsharpall('c')",1400);


				}


			}


			function clicku(){

				if (urand==randomnumber){

					udone=1;

					showsharpall('u');

					clicksuball()							

				}

				else{

					swipereaction();

				}

			}


			function clickr(){

				if (rrand==randomnumber){

					rdone=1;

					showsharpall('r');

					clicksuball();							

				}

				else{

					swipereaction();

				}

			}


			function clickd(){

				if (drand==randomnumber){

					ddone=1;

					showsharpall('d');

					clicksuball();							

				}

				else{

					swipereaction();

				}

			}


			function clickdr(){

				if (drrand==randomnumber){

					drdone=1;

					showsharpall('dr');

					clicksuball();							

				}

				else{

					swipereaction();

				}

			}


			function clickdl(){

				if (dlrand==randomnumber){

					dldone=1;

					showsharpall('dl');

					clicksuball();							

				}

				else{

					swipereaction();

				}

			}


			function clickur(){

				if (urrand==randomnumber){

					urdone=1;

					showsharpall('ur');

					clicksuball();							

				}

				else{

					swipereaction();

				}

			}


			function clickul(){

				if (ulrand==randomnumber){

					uldone=1;

					showsharpall('ul');

					clicksuball();							

				}

				else{

					swipereaction();

				}

			}


			function clickuul(){

				if (uulrand==randomnumber){

					uuldone=1;

					showsharpall('uul');

					clicksuball();							

				}

				else{

					swipereaction();

				}

			}


			function clickuur(){

				if (uurrand==randomnumber){

					uurdone=1;

					showsharpall('uur');

					clicksuball();							

				}

				else{

					swipereaction();

				}

			}


			function clickddl(){

				if (ddlrand==randomnumber){

					ddldone=1;

					showsharpall('ddl');

					clicksuball();							

				}

				else{

					swipereaction();

				}

			}


			function clickddr(){

				if (ddrrand==randomnumber){

					ddrdone=1;

					showsharpall('ddr');

					clicksuball();							

				}

				else{

					swipereaction();

				}

			}


			function clicksuball(){

				showhole('c');

				if ((filledpg + 1>= pglevel) || ((pglevel>=12)&&(filledpg==10))){


					pglevel= pglevel+1;

					setTimeout("alert('恭喜你！ 你可以进升到第'+pglevel+'级了。 / Congratulations, you now move up to level:'+pglevel)",500);

					filledpg=0;

					arraycount=0;

					setTimeout("displaystart()",600);

				
				}

				
				else{

					
					setTimeout("arraynum()",100);

					setTimeout("showfadeall('c')",500);

                                	setTimeout("showsharpall('c')",600);

					filledpg= filledpg+1;

				        
				}

			}


			function randnum() {

				randomnumber=(Math.floor(Math.random()*12))+1;

			}


			function arraynum() {

				if (arraycount>11){

					arraycount=0;

				}

				randomnumber=pingguorandom[arraycount];

				arraycount= arraycount+1;

			}


                        function arrayShuffle() {

 				var len = pingguorandom.length;

				var i = len;

				
				while (i--) {

	 				var p = parseInt(Math.random()*len);

					var t = pingguorandom[i];

  					pingguorandom[i] = pingguorandom[p];

	  				pingguorandom[p] = t;

 			}

			
			}


                        function showcounter8() {

			document.getElementById('messagec').innerHTML = '<img src="images/indent08.jpg" width="146" height="146">';

			}

                        function showcounter7() {

			document.getElementById('messagec').innerHTML = '<img src="images/indent07.jpg" width="146" height="146">';

			}

                        function showcounter6() {

			document.getElementById('messagec').innerHTML = '<img src="images/indent06.jpg" width="146" height="146">';

			}

                        function showcounter5() {

			document.getElementById('messagec').innerHTML = '<img src="images/indent05.jpg" width="146" height="146">';

			}

                        function showcounter4() {

			document.getElementById('messagec').innerHTML = '<img src="images/indent04.jpg" width="146" height="146">';

			}

                        function showcounter3() {

			document.getElementById('messagec').innerHTML = '<img src="images/indent03.jpg" width="146" height="146">';

			}

                        function showcounter2() {

			document.getElementById('messagec').innerHTML = '<img src="images/indent02.jpg" width="146" height="146">';

			}

                        function showcounter1() {

			document.getElementById('messagec').innerHTML = '<img src="images/indent01.jpg" width="146" height="146">';

			}

			function showcounter0() {

			document.getElementById('messagec').innerHTML = '<img src="images/indent00.jpg" width="146" height="146">';

			}


			function showsharpall(txtsharpall) {

			document.getElementById('message'+txtsharpall).innerHTML = '<img src="images/indent'+randomnumber+'.jpg" width="146" height="146">';

			}


                        function showfadeall(txtfadeall) {

			document.getElementById('message'+txtfadeall).innerHTML = '<img src="images/indent'+randomnumber+'a.jpg" width="146" height="146">';

			}


			function showfadezero(txtfadezero) {

			document.getElementById('message'+txtfadezero).innerHTML = '<img src="images/holefirst.jpg" width="146" height="146">';

			
			}


			function showhole(txthole) {

			document.getElementById('message'+txthole).innerHTML = '<img src="images/hole.jpg" width="146" height="146" onClick="clickl()">';

			
			}


                        function show(txt1) {

			document.getElementById('message'+txt1).innerHTML = '<img src="images/indent'+randomnumber+'.jpg" width="146" height="146">';

			randnum();

                        document.getElementById('messagec').innerHTML = '<img src="images/indent'+randomnumber+'.jpg" width="146" height="146">';

			}

                        
			function showfirst(txt3) {

                        document.getElementById('message'+txt3).innerHTML = '<img src="images/indent'+randomnumber+'.jpg" width="146" height="146">';

			document.getElementById('messagec').innerHTML = '<img src="images/hole.jpg" width="146" height="146">';

                        temprandom= randomnumber;

			}


			function showgray(txt4) {

			document.getElementById('message'+txt4).innerHTML = '<img src="images/indent0.jpg" width="146" height="146" onClick="click'+txt4+'()">';

			
			}


                        function displaystart() {
                        //alert('start game');
			document.getElementById('messagec').innerHTML = '<img src="images/indent09.jpg" width="146" height="146">';

			firsttime =0;

			arraycount=0;

			rdisplay();

			}


			function swipereaction() {

				
				if (confirm('上正确！您可以点击“确定/好”继续再试或你可以点击“取消”从第一级从头再开始过。 / Incorrect!  You can click ok to continue and try again.  Or you can click cancel to start over from level1.')) {

					
				}


				else {

					filledpg=0;

					arraycount=0;

					pglevel=1;

					waittime=9000;

					tempwaittime=0;


					document.getElementById('messageul').innerHTML = '<img src="images/indentblank.jpg" width="146" height="146">';

					document.getElementById('messageur').innerHTML = '<img src="images/indentblank.jpg" width="146" height="146">';

					document.getElementById('messaged').innerHTML = '<img src="images/indentblank.jpg" width="146" height="146">';

					document.getElementById('messager').innerHTML = '<img src="images/indentblank.jpg" width="146" height="146">';

					document.getElementById('messageu').innerHTML = '<img src="images/indentblank.jpg" width="146" height="146">';

					document.getElementById('messagedl').innerHTML = '<img src="images/indentblank.jpg" width="146" height="146">';

					document.getElementById('messagedr').innerHTML = '<img src="images/indentblank.jpg" width="146" height="146">';


					document.getElementById('messageuul').innerHTML = '<img src="images/indentblank.jpg" width="146" height="146">';

					document.getElementById('messageuur').innerHTML = '<img src="images/indentblank.jpg" width="146" height="146">';


					document.getElementById('messageddl').innerHTML = '<img src="images/indentblank.jpg" width="146" height="146">';

					document.getElementById('messageddr').innerHTML = '<img src="images/indentblank.jpg" width="146" height="146">';

					displaystart();


				}


			}


			function rdisplay() {


			ldone=0;

			rdone=0;

			udone=0;

			ddone=0;

			dldone=0;

			uldone=0;

			drdone=0;

			urdone=0;


			ddldone=0;

			uuldone=0;

			ddrdone=0;

			uurdone=0;


			arrayShuffle();	

			waitcount=1;			


			if (pglevel<11){		

				waittime=9000;

				}

			else if (pglevel==11){

				waittime=8000;

				}

			else if (pglevel==12){

				waittime=7000;

				}

			else if (pglevel==13){

				waittime=6000;

				}

			else if (pglevel==14){

				waittime=5000;

				}

			else if (pglevel==15){

				waittime=4000;

				}

			else if (pglevel==16){

				waittime=3000;

				}

			else if (pglevel==17){

				waittime=2000;

				}

			else if (pglevel>=18){

				waittime=1000;

				}

			else{

				waittime=9000;

				}

		
			document.getElementById('messager').innerHTML = '<img src="images/indent'+pingguorandom[1]+'.jpg" width="146" height="146">';

			temprandom= pingguorandom[1];

                        rrand= pingguorandom[1];

			setTimeout("showgray('r')",waittime);

			
			if (pglevel>1){

			document.getElementById('messaged').innerHTML = '<img src="images/indent'+pingguorandom[2]+'.jpg" width="146" height="146">';

			temprandom= pingguorandom[2];

                        drand= pingguorandom[2];

		        setTimeout("showgray('d')",waittime);

			}


			if (pglevel>2){

			document.getElementById('messagedl').innerHTML = '<img src="images/indent'+pingguorandom[3]+'.jpg" width="146" height="146">';

			temprandom= pingguorandom[3];

                        dlrand= pingguorandom[3];

			setTimeout("showgray('dl')",waittime);	

			}


			if (pglevel>3){

			document.getElementById('messagedr').innerHTML = '<img src="images/indent'+pingguorandom[4]+'.jpg" width="146" height="146">';

			temprandom= pingguorandom[4];

                        drrand= pingguorandom[4];

		        setTimeout("showgray('dr')",waittime);

                        }


			if (pglevel>4){

			document.getElementById('messageul').innerHTML = '<img src="images/indent'+pingguorandom[5]+'.jpg" width="146" height="146">';

			temprandom= pingguorandom[5];

                        ulrand= pingguorandom[5];

			setTimeout("showgray('ul')",waittime);	

			}


			if (pglevel>5){

			document.getElementById('messageur').innerHTML = '<img src="images/indent'+pingguorandom[6]+'.jpg" width="146" height="146">';

			temprandom= pingguorandom[6];

                        urrand= pingguorandom[6];

                        setTimeout("showgray('ur')",waittime);		

			}


			if (pglevel>6){

			document.getElementById('messageuur').innerHTML = '<img src="images/indent'+pingguorandom[7]+'.jpg" width="146" height="146">';

			temprandom= pingguorandom[7];

                        uurrand= pingguorandom[7];

                        setTimeout("showgray('uur')",waittime);		

			}


			if (pglevel>7){

			document.getElementById('messageuul').innerHTML = '<img src="images/indent'+pingguorandom[8]+'.jpg" width="146" height="146">';

			temprandom= pingguorandom[8];

                        uulrand= pingguorandom[8];

                        setTimeout("showgray('uul')",waittime);		

			}


			if (pglevel>8){

			document.getElementById('messageddr').innerHTML = '<img src="images/indent'+pingguorandom[9]+'.jpg" width="146" height="146">';

			temprandom= pingguorandom[9];

                        ddrrand= pingguorandom[9];

                        setTimeout("showgray('ddr')",waittime);		

			}


			if (pglevel>9){

			document.getElementById('messageddl').innerHTML = '<img src="images/indent'+pingguorandom[10]+'.jpg" width="146" height="146">';

			temprandom= pingguorandom[10];

                        ddlrand= pingguorandom[10];

                        setTimeout("showgray('ddl')",waittime);		

			}


			if (pglevel>10){

			document.getElementById('messageu').innerHTML = '<img src="images/indent'+pingguorandom[0]+'.jpg" width="146" height="146">';

			temprandom= pingguorandom[0];

                        urand= pingguorandom[0];

                        setTimeout("showgray('u')",waittime);

			}


 			tempwaittime=waittime-8000;

			if (tempwaittime<0){

				tempwaittime=0;

			}

			setTimeout("showcounter8()",tempwaittime);


			tempwaittime=waittime-7000;

			if (tempwaittime<0){

				tempwaittime=0;

			}

			setTimeout("showcounter7()",tempwaittime);


			tempwaittime=waittime-6000;

			if (tempwaittime<0){

				tempwaittime=0;

			}

			setTimeout("showcounter6()",tempwaittime);


			tempwaittime=waittime-5000;

			if (tempwaittime<0){

				tempwaittime=0;

			}

			setTimeout("showcounter5()",tempwaittime);


			tempwaittime=waittime-4000;

			if (tempwaittime<0){

				tempwaittime=0;

			}

			setTimeout("showcounter4()",tempwaittime);

                        
                        tempwaittime=waittime-3000;

			if (tempwaittime<0){

				tempwaittime=0;

			}

			setTimeout("showcounter3()",tempwaittime);


			tempwaittime=waittime-2000;

			if (tempwaittime<0){

				tempwaittime=0;

			}

			setTimeout("showcounter2()",tempwaittime);


			tempwaittime=waittime-1000;

			if (tempwaittime<0){

				tempwaittime=0;

			}

			setTimeout("showcounter1()",tempwaittime);

                        
			setTimeout("showcounter0()",waittime);

			
                        tempwaittime=waittime-4000;

			if (tempwaittime<0){

				tempwaittime=0;

			}

			setTimeout("arrayShuffle()",tempwaittime);


			setTimeout("waitcount=0",waittime);

			setTimeout("arraynum()",waittime+500);


			setTimeout("showfadezero('c')",waittime+500);

			setTimeout("showhole('c')",waittime+600);

			setTimeout("showfadeall('c')",waittime+1100);

			setTimeout("showsharpall('c')",waittime+1200);


			}


		</script>


</head>


<BODY bgcolor=#7F7F7F>


<div>

			<table align="center" id="swipeBox" class="allpingguo" ontouchstart="touchStart(event,'swipeBox');"  ontouchend="touchEnd(event);"  ontouchmove="touchMove(event);" ontouchcancel="touchCancel(event);">

			
			<tr>

                          
                           <td><span id="messageul"><img src="images/indentblank.jpg" width="146" height="146"></span></td>

                           <td><span id="messageuul"><img src="images/indentblank.jpg" width="146" height="146"></span></td>

			   <td>

                       	      <span id="messageu"><img src="images/indentblank.jpg" width="146" height="146"></span>

			   </td>

                           <td><span id="messageuur"><img src="images/indentblank.jpg" width="146" height="146"></span></td>

                           <td><span id="messageur"><img src="images/indentblank.jpg" width="146" height="146"></span></td>

                          
			</tr>

			<tr>

                           
			   <td>

                       	      <span id="messagel"><img src="images/hole.jpg" width="146" height="146" onClick="clickl()"></span>

			   </td>

                           <td><img src="images/indentblank.jpg" width="146" height="146"></td>

			   <td>

                       	      <span id="messagec"><img src="images/indentstart.jpg" width="146" height="146" onClick="displaystart()"></span>

			   </td>

                           <td><img src="images/indentblank.jpg" width="146" height="146"></td>

			   <td>

                       	      <span id="messager"><img src="images/indentblank.jpg" width="146" height="146"></span>

			   </td>

                          
			</tr>

			<tr>

                           
                           <td><span id="messagedl"><img src="images/indentblank.jpg" width="146" height="146"></span></td>

                           <td><span id="messageddl"><img src="images/indentblank.jpg" width="146" height="146"></span></td>

			   <td>

                       	      <span id="messaged"><img src="images/indentblank.jpg" width="146" height="146"></span>

			   </td>

                           <td><span id="messageddr"><img src="images/indentblank.jpg" width="146" height="146"></span></td>

                           <td><span id="messagedr"><img src="images/indentblank.jpg" width="146" height="146"></span></td>

                           
			</tr>

			<tr>

                           
                           <td>&nbsp;</td>

			   <td>&nbsp;</td>

                           <td>&nbsp;</td>

                           
			</tr>


			</table>

		
		</div>


<span class="hid">


<img src="images/hole.jpg" width="146" height="146">

<img src="images/holefirst.jpg" width="146" height="146">

<img src="images/indentblank.jpg" width="146" height="146">

<img src="images/indent0.jpg" width="146" height="146">

<img src="images/indent1.jpg" width="146" height="146">

<img src="images/indent2.jpg" width="146" height="146">

<img src="images/indent3.jpg" width="146" height="146">

<img src="images/indent4.jpg" width="146" height="146">

<img src="images/indent5.jpg" width="146" height="146">

<img src="images/indent6.jpg" width="146" height="146">

<img src="images/indent7.jpg" width="146" height="146">

<img src="images/indent8.jpg" width="146" height="146">

<img src="images/indent9.jpg" width="146" height="146">

<img src="images/indent10.jpg" width="146" height="146">

<img src="images/indent11.jpg" width="146" height="146">

<img src="images/indent12.jpg" width="146" height="146">


<img src="images/indent1a.jpg" width="146" height="146">

<img src="images/indent2a.jpg" width="146" height="146">

<img src="images/indent3a.jpg" width="146" height="146">

<img src="images/indent4a.jpg" width="146" height="146">

<img src="images/indent5a.jpg" width="146" height="146">

<img src="images/indent6a.jpg" width="146" height="146">

<img src="images/indent7a.jpg" width="146" height="146">

<img src="images/indent8a.jpg" width="146" height="146">

<img src="images/indent9a.jpg" width="146" height="146">

<img src="images/indent10a.jpg" width="146" height="146">

<img src="images/indent11a.jpg" width="146" height="146">

<img src="images/indent12a.jpg" width="146" height="146">


<img src="images/indent09.jpg" width="146" height="146">

<img src="images/indent08.jpg" width="146" height="146">

<img src="images/indent07.jpg" width="146" height="146">

<img src="images/indent06.jpg" width="146" height="146">

<img src="images/indent05.jpg" width="146" height="146">

<img src="images/indent04.jpg" width="146" height="146">

<img src="images/indent03.jpg" width="146" height="146">

<img src="images/indent02.jpg" width="146" height="146">

<img src="images/indent01.jpg" width="146" height="146">

<img src="images/indent00.jpg" width="146" height="146">


</span>


<p style="color:dimgray; font-size:100%">For MAC Desktop, please click on apple. <br/>For iOS devices, please swipe left/right on apple.</p>


</BODY>

</HTML>