<HTML>
<HEAD>

<style type="text/css">
.ttbutton {width:200px;}
.ttTextArea {width:100%;}
</style>


<SCRIPT src="QueryGoogle.js"></SCRIPT>
<SCRIPT src="BuildTable.js"></SCRIPT>
<SCRIPT src="TableEditor.js"></SCRIPT>
<SCRIPT src="ButtonsGlobalVariables.js"></SCRIPT>
<SCRIPT src="DOMTree.js"></SCRIPT> 
<SCRIPT src="FindMismatch.js"></SCRIPT>

<LINK REL="icon" type="image/jpg" HREF="http://ChineseNewsBoard.com/img/icon.jpg" />

</HEAD>

<BODY>

<h2>Original Text</h2>

<textarea class="TTTextArea" cols="150" id="original" rows="6"></textarea><br />

<button class="ttbutton" onclick="clearOriginal()">Clear</button>&nbsp;
<button class="ttbutton" onclick="runGoogleQuery();">Query Google</button>&nbsp;
<button class="ttbutton" onclick="loadGoogleKey();">Load Google Key</button>

<h2>Pronunciation</h2>

<textarea class="TTTextArea" cols="150" id="thehack" rows="6"></textarea><br />
<button class="ttbutton" onclick="clearHack();">Clear</button>&nbsp;
<button class="ttbutton" onclick="doHack();">Send</button>

<hr />

<div id="trad"></div><br />

<div id="pron"></div><br />

<div id="simp"></div><br />

<div id="engl"></div><br />

<hr />

<table cellpadding="2">

<TR>
<TD><button class="ttbutton" onclick="findMidPointMismatch();">Mismatches (Mid-Point)</button></TD>
<TD><BUTTON class="ttbutton" onclick="findInputMismatch();">Mismatches (Input)</BUTTON></TD>
<TD><BUTTON class="ttbutton" onclick="saveMidPoint();">Text Save</BUTTON></TD>
<TD><BUTTON class="ttbutton" onclick="loadMidPoint();">Text Load</BUTTON></TD>
<TD>&nbsp;</TD>
<TD>&nbsp;</TD>
</TR>

<TR>
<TD><button class="ttbutton" id="buildTableButton" onclick="buildTable();">Build Table</button></td>
<TD><button class="ttbutton" onclick="clearData();">Clear All</button></td>
<TD><button class="ttbutton" onclick="insertSampleData();">Insert Sample Data</button></td>
<TD><button class="ttbutton" id="showDOMTreeButton" onclick="showDOMTree();">Show DOM Tree</BUTTON></TD>
</TR>

<TR>
<TD><button class="ttbutton" id="showTDTButton" onclick="showTabDelimited();">Show Tab Delimited</button></td>
<TD><button class="ttbutton" id="showEHTButton" onclick="showEscapedHTML();">Show Escaped HTML</button></td>
<TD><button class="ttbutton" id="edHelpButton" onclick="showEditorHelp();">Show Editor Help</BUTTON></TD>
<TD><button class="ttbutton" id="saveChangesButton" onclick="saveTableChanges();">Update Changes</button></TD>
</TR>

</table>

<br />

<DIV ID="ControlKeys">
<CODE>
<B>CTRL-1:</B> Add Blank Row &nbsp;&nbsp;&nbsp;
<B>CTRL-2:</B> Copy Row &nbsp;&nbsp;&nbsp;
<B>CTRL-3:</B> Delete Row &nbsp;&nbsp;&nbsp;
<B>CTRL-4:</B> Add Row with Period &nbsp;&nbsp;&nbsp;
<B>CTRL-5:</B> Add Row Vertical Bar
</CODE>
</DIV>

<BR />

<div id="VocabTable">&nbsp;</div>

</BODY>
</HTML>