<html xmlns="http://www.w3.org/1999/xhtml" xml:lang="en" lang="en">
<head>
<meta http-equiv="Content-Type" content="text/html; charset=utf-8"/>
<title>Learn the Phonemic Chart</title>
<style type="text/css">
.psymb  { font-family: gentium, "arial unicode ms", "lucida sans unicode", sans-serif;  font-size:  30px; cursor:pointer; }
	p {font-family: Arial, Helvetica, sans-serif; }
.style2 {font-size: 18px}
.style3 {
	font-size: 12px
}
</style>
<script language="javascript">
var phonChart = new Array();
phonChart[0] = new Array("&nbsp;/i:/&nbsp;","sh<u>ee</u>p");
phonChart[1] = new Array("&nbsp;/ɪ/&nbsp;","sh<u>i</u>p");
phonChart[2] = new Array("&nbsp;/ʊ/&nbsp;","b<u>oo</u>k");
phonChart[3] = new Array("&nbsp;/uː/&nbsp;","sh<u>oo</u>t");
phonChart[4] = new Array("&nbsp;/e/&nbsp;","l<u>e</u>ft");
phonChart[5] = new Array("&nbsp;/ə/&nbsp;","teach<u>er</u>");
phonChart[6] = new Array("&nbsp;/ɜː/&nbsp;","h<u>er</u>");
phonChart[7] = new Array("&nbsp;/ɔː/&nbsp;","d<u>oor</u>");
phonChart[8] = new Array("&nbsp;/æ/&nbsp;","h<u>a</u>t");
phonChart[9] = new Array("&nbsp;/ʌ/&nbsp;","<u>u</u>p");
phonChart[10] = new Array("&nbsp;/ɑː/&nbsp;","f<u>ar</u>");
phonChart[11] = new Array("&nbsp;/ɒ/&nbsp;","<u>o</u>n");
phonChart[12] = new Array("&nbsp;/ɪə/&nbsp;","h<u>ere</u>");
phonChart[13] = new Array("&nbsp;/eɪ/&nbsp;","w<u>ai</u>t");
phonChart[14] = new Array("&nbsp;/ʊə/&nbsp;","t<u>ou</u>rist");
phonChart[15] = new Array("&nbsp;/ɔɪ/&nbsp;","c<u>oi</u>n");
phonChart[16] = new Array("&nbsp;/əʊ/&nbsp;","sh<u>ow</u>");
phonChart[17] = new Array("&nbsp;/eə/&nbsp;","h<u>air</u>");
phonChart[18] = new Array("&nbsp;/aɪ/&nbsp;","l<u>i</u>ke");
phonChart[19] = new Array("&nbsp;/aʊ/&nbsp;","m<u>ou</u>th");
phonChart[20] = new Array("&nbsp;/p/&nbsp;","<u>p</u>ea");
phonChart[21] = new Array("&nbsp;/b/&nbsp;","<u>b</u>oat");
phonChart[22] = new Array("&nbsp;/t/&nbsp;","<u>t</u>ree");
phonChart[23] = new Array("&nbsp;/d/&nbsp;","<u>d</u>og");
phonChart[24] = new Array("&nbsp;/ʧ/&nbsp;","<u>ch</u>eese");
phonChart[25] = new Array("&nbsp;/ʤ/&nbsp;","<u>j</u>oke");
phonChart[26] = new Array("&nbsp;/k/&nbsp;","<u>c</u>oin");
phonChart[27] = new Array("&nbsp;/g/&nbsp;","<u>g</u>o");
phonChart[28] = new Array("&nbsp;/f/&nbsp;","<u>f</u>ree");
phonChart[29] = new Array("&nbsp;/v/&nbsp;","<u>v</u>ideo");
phonChart[30] = new Array("&nbsp;/θ/&nbsp;","<u>th</u>ing");
phonChart[31] = new Array("&nbsp;/ð/&nbsp;","<u>th</u>is");
phonChart[32] = new Array("&nbsp;/s/&nbsp;","<u>s</u>ee" );
phonChart[33] = new Array("&nbsp;/z/&nbsp;","<u>z</u>oo");
phonChart[34] = new Array("&nbsp;/ʃ/&nbsp;","<u>sh</u>eep");
phonChart[35] = new Array("&nbsp;/ʒ/&nbsp;","televi<u>s</u>ion");
phonChart[36] = new Array("&nbsp;/m/&nbsp;","<u>m</u>ouse");
phonChart[37] = new Array("&nbsp;/n/&nbsp;","<u>n</u>ow");
phonChart[38] = new Array("&nbsp;/ŋ/&nbsp;","thi<u>ng</u>");
phonChart[39] = new Array("&nbsp;/h/&nbsp;","<u>h</u>ope");
phonChart[40] = new Array("&nbsp;/l/&nbsp;","<u>l</u>ove");
phonChart[41] = new Array("&nbsp;/r/&nbsp;","<u>r</u>un");
phonChart[42] = new Array("&nbsp;/w/&nbsp;","<u>w</u>e");
phonChart[43] = new Array("&nbsp;/j/&nbsp;","<u>y</u>ou");

var rndNum = Math.round(44*Math.random()) - 1;
var show = 0;
var dontshow = 1;

function showSymbol(){
	show = 0;
	dontshow = 1;
	document.getElementById('psymb').innerHTML = phonChart[rndNum][0];
}

function showHint(){
	show = 1;
	dontshow = 0;
	document.getElementById('psymb').innerHTML = phonChart[rndNum][1];
}

function loadSymbol(){
	rndNum = Math.round(44*Math.random()) - 1;
	document.getElementById('psymb').innerHTML = phonChart[rndNum][show];
}
function doSwitch(){
	document.getElementById('psymb').innerHTML = phonChart[rndNum][dontshow];
}
function switchBack(){
	document.getElementById('psymb').innerHTML = phonChart[rndNum][show];
}
</script>
<script type="text/javascript" src="http://www.haloscan.com/load/phonemicchart"> </script>
</head>
<body onload="javascript:loadSymbol()">
<p class="style2"><strong>Learn the Phonemic Chart</strong></p>
<p>Here's a simple flashcard-style quiz to help you learn the phonemic symbols. Move your mouse over the symbol to see an the example. If you want to test yourself the other way, select "show hint" below. </p>

<form id="output" name="output">
  <p><span id="psymb" class="psymb" onmouseover="javascript:doSwitch()" onmouseout="javascript:switchBack()"></span>  </p>
  <p><br />
    <input type="radio" checked="checked" name="radio" id="show" value="0" onclick="javascript:showSymbol();">
    show symbol<br />
    <input type="radio" name="radio" id="show" value="1" onclick="javascript:showHint();">
  show hint</p>
  <p>

    <input type="button" value="show me another" onclick="javascript:loadSymbol();">
      </p>
</form>
<p class="style2">
  <a href="/">Back to the main page</a>
 <br><br />
<a href="javascript:HaloScan('Flashcards');" target="_self"><script type="text/javascript">postCount('Flashcards');</script></a> | <a href="javascript:HaloScanTB('Flashcards');" target="_self"><script type="text/javascript">postCountTB('Flashcards'); </script></a>

</body>
</html>