eric
/
MaineEdu


			
				
					
						
						
							123456789101112131415161718192021222324252627282930313233343536373839404142434445464748495051525354555657585960616263646566676869707172737475767778798081828384858687888990919293949596979899100101102103104105106107108109110111112113114115116117118119120121122123124125126127128129130131132133134135136137138139140141142143144145146147148149150151152153154155156157158159160161162163164165166167168169170171172173174175176177178179180181182183184185186187188189190191192193194195196197198199200201202203204205206207208209210211212213214215216217218219220221222223224225226227228229230231232233234235236237238239240241242243244245246247248249250251252253254255256257258259260261262263264265266267268269270271272273274275276277278279280281282283284285286287288289290291292293294295296297298299
							<html>
<head>
<meta name="MSSmartTagsPreventParsing" content="TRUE">
<title>Concentration -- Match the Tones 2</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,10000,2,20000,3,30000,4,40000,5,50000,6,60000,7,70000,8,80000,9,90000,10,100000,11,110000,12,120000);
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', '1030_fang4c.gif');
preload ('p2', '1239_jiao3c.gif');
preload ('p3', '13223jiao2c.gif');
preload ('p4', '14164_jiao1c.gif');
preload ('p5', '159jiao4c.gif');
preload ('p6', '1941_da1c.gif');
preload ('p7', '2662_da3c.gif');
preload ('p8', '342_da4c.gif');
preload ('p9', '4887_fang1c.gif');
preload ('p10', '76_da2c.gif');
preload ('p11', '8466_fang2c.gif');
preload ('p12', '9309_fang3c.gif');

preload ('p10000', '1030_fang4e.gif');
preload ('p20000', '1239_jiao3e.gif');
preload ('p30000', '13223jiao2e.gif');
preload ('p40000', '14164_jiao1e.gif');
preload ('p50000', '159jiao4e.gif');
preload ('p60000', '1941_da1e.gif');
preload ('p70000', '2662_da3e.gif');
preload ('p80000', '342_da4e.gif');
preload ('p90000', '4887_fang1e.gif');
preload ('p100000', '76_da2e.gif');
preload ('p110000', '8466_fang2e.gif');
preload ('p120000', '9309_fang3e.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 * 10000 || picData[x] == temp1/10000){
					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" onResize="window.location.href = window.location.href;">
<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">Tone Match </font>&nbsp;&nbsp;<font size+1></font></td>
	
</tr>
</table>

<center>
<p><b><font face="Verdana"><font color="#000099"><font 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.</font></font></font></b></p>

<p><b><i><font face="Times New Roman,Times"><font color="#006600"><font size=+1>Enjoy!!!</font></font></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: tone2sound/1030am.wav,
	sound2: tone2sound/1239ch.wav,
	sound3: tone2sound/13223am.wav,
	sound4: tone2sound/14164am.wav,
	sound5: tone2sound/159jz.wav,
	sound6: tone2sound/1941jz.wav,
	sound7: tone2sound/2662hua.wav,
	sound8: tone2sound/342am.wav,
	sound9: tone2sound/4887hjl.wav,
	sound10: tone2sound/76hjl.wav,
	sound11: tone2sound/8466ch.wav,
	sound12: tone2sound/9309hua.wav,
	
	sound100: tone2sound/1030fq.wav,
	sound200: tone2sound/1239cl.wav,
	sound300: tone2sound/13223am.wav,
	sound400: tone2sound/14164jz.wav,
	sound500: tone2sound/159lz.wav,
	sound600: tone2sound/1941ljz.wav,
	sound700: tone2sound/2662jz.wav,
	sound800: tone2sound/342ch.wav,
	sound900: tone2sound/4887gmj.wav,
	sound1000: tone2sound/76jz.wav,
	sound1100: tone2sound/8466hjl.wav,
	sound1200: tone2sound/9309jz.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>

<table border=1 BGCOLOR="#CC6699" >
<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="leaves.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>
</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>