eric
/
MaineEdu


			
							123456789101112131415161718192021222324252627282930313233343536373839404142434445464748495051525354555657585960616263646566676869707172737475767778798081828384858687888990919293949596979899100101102103104105106107108109110111112113114115116117118119120121122123124125126127128129130131132133134135136137138139140141142143144145146147148149150151152153154155156157158159160161162163164165166167168169170171172173174175176177178179180181182183184185186187188189190191192193194195196197198199200201202203204205206207208209210211212213214215216217218219220221222223224225226227228229230231232233234235236237238239240241242243244245246247248249250251252253254255256257258259260261262263264265266267268269270271272273274275276277278279280281282283284285286287288289290291292293
							<html>
<head>
<meta name="MSSmartTagsPreventParsing" content="TRUE">
<title>Concentration -- Match the Fruit</title>
<style type="text/css">

a {
	text-decoration:none; 
	color:white; 
}
a:visited {
	text-decoration:none;
	color:white;
}
body {
	margin: 0 0 0 0;
}
#audioPlayer {
	margin: 0;
	padding: 0;
}
a.external:link {
	text-decoration: underline;
	color: blue;
}
.error {
/*	color: #660000;*/
	font-weight: bold;
	text-align: left;
	padding: 0 100px 0 100px;
}

</style>

<script language="javascript">

function playSound(soundName) {
	var audioPlayer = document.getElementById('audioPlayer');
	audioPlayer.playSound(soundName);
}


var p = new Array();
var po = new Array();
var picData = new Array(0,1,100,2,200,3,300,4,400,5,500,6,600,7,700,8,800,9,900,10,1000,11,1100,12,1200);
var picInfo = new Array(0,0,0,0,0,0,0,0,0,0,0,0,0,0,0,0,0,0,0,0,0,0,0,0,0);

function preload(imgName, imgSrc) {
	if (document.images) {
		eval(imgName + ' = new Image()')
		eval(imgName+'.src = "'+imgSrc+'"')
	}
}

preload ('p1', 'applec.gif');
preload ('p2', 'apricotc.gif');
preload ('p3', 'bananac.gif');
preload ('p4', 'cherryc.gif');
preload ('p5', 'grapec.gif');
preload ('p6', 'lemonc.gif');
preload ('p7', 'limec.gif');
preload ('p8', 'orange2c.gif');
preload ('p9', 'peachc.gif');
preload ('p10', 'pineapplec.gif');
preload ('p11', 'plumc.gif');
preload ('p12', 'watermelonc.gif');

preload ('p100', 'applee.gif');
preload ('p200', 'apricote.gif');
preload ('p300', 'bananae.gif');
preload ('p400', 'cherrye.gif');
preload ('p500', 'grapee.gif');
preload ('p600', 'lemone.gif');
preload ('p700', 'limee.gif');
preload ('p800', 'orange2e.gif');
preload ('p900', 'peache.gif');
preload ('p1000', 'pineapplee.gif');
preload ('p1100', 'plume.gif');
preload ('p1200', 'watermelone.gif');
preload ('blankdot', 'blankdot.gif');

var y;
var temp;
for (x=1; x<=24; x++){
	y = Math.round(Math.random()*(24-1))+1;
	temp = picData[x];
	picData[x] = picData[y];
	picData[y] = temp;	
}

var temp1=0;
var index1=0;
var counter=0
var condition =0;
var s1;
var s2;
var rem;
var ready = true;
var soundindex = "sound12";
var game_start = false;


function checkit(x){
	if (game_start == false){
		tellTime();
		game_start = true;
	}
	if(picData[x]>=100)
		playSound("sound" + picData[x] / 100);
	else
		playSound("sound" + picData[x]);

	if (picInfo[x]== 0 && ready==true){
		if (temp1==0){
			temp1 = picData[x];
			eval("document.pic" + x + ".src = p" + temp1 + ".src;");
			index1 = x;
		}
		else{
			if (index1 != x){
				if (picData[x] == temp1 * 100 || picData[x] == temp1/100){
					eval("document.pic" + x + ".src = p" + picData[x] + ".src;");
					eval("document.pic" + index1 + ".src = p" + temp1 + ".src;");
					temp1 = 0;
					picInfo[index1] = 1;
					picInfo[x] = 1;
					counter++;
				}
				else{
					temp1 = 0;
					rem = x;
					condition = 0;
					delay();
				}
			}
		}
		if (counter == 12){
			if (h==0 && m<10)
				alert("Great!  Hint:  Make your own game -- click on the English to see if you can match the characters!\n" +hinfo + minfo + sinfo);
			else
				alert("Good!  Hint:  Clicking will still play the sounds -- You can review by clicking on the English to see if you can match the characters!\n" +hinfo + minfo + sinfo);

			ready = false;
			timeCondition = false;
		}
	}
}

function delay(){
	if (condition == 0){
		eval("document.pic" + rem + ".src = p" + picData[rem] + ".src;");
		condition = 1;
		ready = false;
		setTimeout("delay()", 300);		
	}
	else{
		eval("document.pic" + rem + ".src = blankdot.src;");
		eval("document.pic" + index1 + ".src=blankdot.src;");
		ready = true;
	}
}

</script>
</head>
<body marginwidth="0" marginheight="0">
<table CELLPADDING="0" CELLSPACING="0" BORDER="0" border="0" bgcolor="#330099" height="8">
<tr>
	<td NOWRAP="1" VALIGN=CENTER bgcolor="#330099">&nbsp;&nbsp;<font face="Verdana,Arial,Helvetica" size="1"><a href="../../welcome.html">Home </a></font>&nbsp;&nbsp;<font size+1><font color="#FFFFFF">|</font></font></td>
	<td NOWRAP="1" bgcolor="#330099">&nbsp;&nbsp;<font face="Verdana,Arial,Helvetica" size="1"><a href="../../../China/china.html">China Index</a></font>&nbsp;&nbsp;<font size+1><font color="#FFFFFF">|</font></font></td>
	<td NOWRAP="1" bgcolor="#330099">&nbsp;&nbsp;<font face="Verdana,Arial,Helvetica" size="1"><a href="../../topics/topics.html">Topics </a></font>&nbsp;&nbsp;<font size+1><font color="#FFFFFF">|</font></font></td>

<td NOWRAP="1" bgcolor="#330099">&nbsp;&nbsp;<font face="Verdana,Arial,Helvetica" size="1"><a 
href="../games.html">Games</a></font>&nbsp;&nbsp;<font size+1><font color="#FFFFFF">|</font></font></td>

	<td NOWRAP="1" bgcolor="#330099">&nbsp;&nbsp;<font face="Verdana,Arial,Helvetica" size="1" color="#CCCC00">Fruit Loops </font>&nbsp;&nbsp;<font size+1></font></td>
	
</tr>
</table>

<center><br>
<b><font face="Verdana" color="#000099" size="-2">Patience please.  Wait until the web page finishes loading before you click on the game.<br>
You can continue to play off-line as long as your web browser is open.<br>
Hit "Reload" on your browser to play again.<br>
</font></b>

<p><b><i><font face="Times New Roman,Times" color="#006600" size="+1">Enjoy!!!</font></i></b></p>

<applet code="MultiAudioPlay.class" id="audioPlayer" height="1" width="1">
	<param name="image" value="appletsuccessicon.png">
	<param name="audio" value="sound1: fruitsound/456lz.wav,
	 sound2: fruitsound/14459zh.wav,
	 sound3: fruitsound/458zn.wav,
	 sound4: fruitsound/14454cl.wav,
	 sound5: fruitsound/794yr.wav,
	 sound6: fruitsound/14455fx.wav,
	 sound7: fruitsound/14456wt.wav,
	 sound8: fruitsound/477lz.wav,
	 sound9: fruitsound/5357lyz.wav,
	 sound10: fruitsound/10560llf.wav,
	 sound11: fruitsound/5367ch.wav,
	 sound12: fruitsound/1989ljz.wav">

	<p class="error">ERROR: Applet not displayed. JavaScript and Java 1.4.2 or later are required for this game to work. Visit the <a href="http://www.java.com/" title="Java Software Website" class="external">Java Software Website</a> to check if Java is installed on your computer or try enabling <em>ActiveX</em> if you are an Internet Explorer user.</p>
</applet>

<br>

<table border=1 BGCOLOR="#990099" >
<tr>
	<td><a href="javascript:checkit(1)"><img src="blankdot.gif" border=0 name="pic1" width=64 height=64></a></td>
	<td><a href="javascript:checkit(2)"><img src="blankdot.gif" border=0 name="pic2" width=64 height=64></a></td>
	<td><a href="javascript:checkit(3)"><img src="blankdot.gif" border=0 name="pic3" width=64 height=64></a></td>
	<td><a href="javascript:checkit(4)"><img src="blankdot.gif" border=0 name="pic4" width=64 height=64></a></td>
	<td><a href="javascript:checkit(5)"><img src="blankdot.gif" border=0 name="pic5" width=64 height=64></a></td>
</tr>

<tr>
	<td><a href="javascript:checkit(6)"><img src="blankdot.gif" border=0 name="pic6" width=64 height=64></a></td>
	<td><a href="javascript:checkit(7)"><img src="blankdot.gif" border=0 name="pic7" width=64 height=64></a></td>
	<td><a href="javascript:checkit(8)"><img src="blankdot.gif" border=0 name="pic8" width=64 height=64></a></td>
	<td><a href="javascript:checkit(9)"><img src="blankdot.gif" border=0 name="pic9" width=64 height=64></a></td>
	<td><a href="javascript:checkit(10)"><img src="blankdot.gif" border=0 name="pic10" width=64 height=64></a></td>
</tr>
<tr>
	<td><a href="javascript:checkit(11)"><img src="blankdot.gif" border=0 name="pic11" width=64 height=64></a></td>
	<td><a href="javascript:checkit(12)"><img src="blankdot.gif" border=0 name="pic12" width=64 height=64></a></td>
	<td><img src="lemongame.jpg" border=0 width=64 height=64></td>
	<td><a href="javascript:checkit(13)"><img src="blankdot.gif" border=0 name="pic13" width=64 height=64></a></td>
	<td><a href="javascript:checkit(14)"><img src="blankdot.gif" border=0 name="pic14" width=64 height=64></a></td>
</tr>
<tr>
	<td><a href="javascript:checkit(15)"><img src="blankdot.gif" border=0 name="pic15" width=64 height=64></a></td>
	<td><a href="javascript:checkit(16)"><img src="blankdot.gif" border=0 name="pic16" width=64 height=64></a></td>
	<td><a href="javascript:checkit(17)"><img src="blankdot.gif" border=0 name="pic17" width=64 height=64></a></td>
	<td><a href="javascript:checkit(18)"><img src="blankdot.gif" border=0 name="pic18" width=64 height=64></a></td>
	<td><a href="javascript:checkit(19)"><img src="blankdot.gif" border=0 name="pic19" width=64 height=64></a></td>
</tr>
<tr>
	<td><a href="javascript:checkit(20)"><img src="blankdot.gif" border=0 name="pic20" width=64 height=64></a></td>
	<td><a href="javascript:checkit(21)"><img src="blankdot.gif" border=0 name="pic21" width=64 height=64></a></td>
	<td><a href="javascript:checkit(22)"><img src="blankdot.gif" border=0 name="pic22" width=64 height=64></a></td>
	<td><a href="javascript:checkit(23)"><img src="blankdot.gif" border=0 name="pic23" width=64 height=64></a></td>
	<td><a href="javascript:checkit(24)"><img src="blankdot.gif" border=0 name="pic24" width=64 height=64></a></td>
</tr>
</table>
<br>


</center>
<script language="javascript">
<!--
var h=0;
var hinfo = "";
var m=0;
var minfo = "";
var s=-1;
var sinfo = "";
var timeCondition = true;
function tellTime(){
	s++;
	if (s>=60){
		s = 0;
		m++;
	}
	else{
		if (s<=1)
			eval("sinfo = '" + s + " second'");
		else
			eval("sinfo = '" + s + " seconds'");
	}
	if (m>=60){
		m = 0;
		h++;
	}
	else{
		if (m<=1)
			eval("minfo = '" + m + " minute  '");
		else
			eval("minfo = '" + m + " minutes  '");
	}

	if (h<=1)
		eval("hinfo = '" + h + " hour  '");
	else
		eval("hinfo = '" + h + " hours  '");
	window.status = hinfo + minfo + sinfo;
	if (timeCondition == true)
		setTimeout("tellTime()", 1000);	
}
//-->
</script>
</body>
</html>