eric
/
MaineEdu


			
							123456789101112131415161718192021222324252627282930313233343536373839404142434445464748495051525354555657585960616263646566676869707172737475767778798081828384858687888990919293949596979899100101102103104105106107108109110111112113114115116117118119120121122123124125126127128129130131132133134135136137138139140141142143144145146147148149150151152153154155156157158159160161162163164165166167168169170171172173174175176177178179180181182183184185186187188189190191192193194195196197198199200201202203204205206207208209210211212213214215216217218219220221222223224225226227228229230231232233234235236237238239240241242243244245246247248249250251252253254255256257258259260261262263264265266267268269270271272273274275276277278279280281282283284285286287288289290291292293294295296297298299
							<html>
<head>
<meta name="MSSmartTagsPreventParsing" content="TRUE">
<title>Concentration -- Match the Tones</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', '1130_qi2c.gif');
preload ('p2', '1258_chu1c.gif');
preload ('p3', '1885_chu2dividec.gif');
preload ('p4', '196_qi1c.gif');
preload ('p5', '2133_ji3c.gif');
preload ('p6', '221_qu4goc.gif');
preload ('p7', '4362_ji1c.gif');
preload ('p8', '446_qi3c.gif');
preload ('p9', '500_qu3takec.gif');
preload ('p10', '6990_ji4c.gif');
preload ('p11', '9335_ji2c.gif');
preload ('p12', '9339_qi4c.gif');

preload ('p10000', '9339_qis.gif');
preload ('p20000', '1885_chu2divides.gif');
preload ('p30000', '1885_chu2divides.gif');
preload ('p40000', '9339_qis.gif');
preload ('p50000', '4362_jis.gif');
preload ('p60000', '1885_chu2divides.gif');
preload ('p70000', '4362_jis.gif');
preload ('p80000', '9339_qis.gif');
preload ('p90000', '1885_chu2divides.gif');
preload ('p100000', '4362_jis.gif');
preload ('p110000', '4362_jis.gif');
preload ('p120000', '9339_qis.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 sound 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 sound 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: tone3sound/1130wj.wav,
	sound2: tone3sound/1258lyz.wav,
	sound3: tone3sound/1885wm.wav,
	sound4: tone2sound/14164am.wav,
	sound5: tone3sound/196lz.wav,
	sound6: tone3sound/221wj.wav,
	sound7: tone3sound/4362gu.wav,
	sound8: tone3sound/446fx.wav,
	sound9: tone3sound/500fx.wav,
	sound10: tone3sound/6790mz.wav,
	sound11: tone3sound/9335jz.wav,
	sound12: tone3sound/9339lyr.wav,
	
	sound100: tone3sound/1130ld.wav,
	sound200: tone3sound/1258wt.wav,
	sound300: tone3sound/1885mz.wav,
	sound400: tone3sound/196wj.wav,
	sound500: tone3sound/2133ls.wav,
	sound600: tone3sound/221am.wav,
	sound700: tone3sound/4362hjl.wav,
	sound800: tone3sound/446wt.wav,
	sound900: tone3sound/500lz.wav,
	sound1000: tone3sound/6790jes.wav,
	sound1100: tone3sound/9335lyr.wav,
	sound1200: tone3sound/9339lei.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="#339933" >
<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="13_4_1_64flowers.gif" 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>