<?xml version="1.0"?>
<?xml-stylesheet href="chrome://global/skin/xul.css" type="text/css"?> 
<?xml-stylesheet href="chrome://editordlgs/skin/EditorDialog.css" type="text/css"?>
<!DOCTYPE window>
<!-- dialog containing a control requiring initial setup -->
<xul:window class="dialog" title="Check Spelling"
    xmlns:xul ="http://www.mozilla.org/keymaster/gatekeeper/there.is.only.xul"
    xmlns="http://www.w3.org/TR/REC-html40"
    onload = "Startup()"
    align="vertical">

  <script language="JavaScript" src="chrome://editordlgs/content/EdDialogCommon.js">
  </script>
  <script language="JavaScript" src="chrome://editordlgs/content/EdSpellCheck.js">
  </script>
  <!-- The argument to ShowWindowWithArgs (the editor appCore name) is placed here -->
  <xul:broadcaster id="args" value=""/>

  <table>
    <tr>
      <td colspan="3">
        Word<br/>
      </td>
    </tr>
    <tr>
      <td>
        <input type="text" class="SpellCheckWord" id="Word" size="10"/>
      </td>
      <td>
        <xul:titledbutton class="SizeToCell"  id="CheckWord" onclick="CheckWord()" value="Check word"/>
      </td>
      <td>
      </td>
    </tr>
    <tr>
      <td colspan="3">
        Suggestions:
      </td>
    </tr>
    <tr>
      <td rowspan="5">
        <select class="SpellCheckList" id="SuggestedList" size="6" onchange="SelectSuggestedWord()">
          <option>Sample contents 1</option>
          <option>Sample contents 2</option>
          <option>Sample contents 3</option>
        </select>
      </td>
      <!-- THIS IS A BOGUS HACK TO COMPENSATE FOR A DISPLAY BUG -->
      <td colspan="2">
      </td>
    </tr>
    <tr>
      <td>
        <xul:titledbutton class="SizeToCell"  id="Ignore" onclick="Ignore()" value="Ignore"/>
      </td>
      <td>
        <xul:titledbutton class="SizeToCell"  id="IgnoreAll" onclick="IgnoreAll()" value="Ignore All"/>
      </td>
    </tr>
    <tr>
      <td>
        <xul:titledbutton class="SizeToCell"  id="Replace" onclick="Replace()" value="Change"/>
      </td>
      <td>
        <xul:titledbutton class="SizeToCell"  id="ReplaceAll" onclick="ReplaceAll()" value="Change All"/>
      </td>
    </tr>
    <tr>
      <td colspan="2">
        User Dictionary:
      </td>
    </tr>
    <tr>
      <td>
        <xul:titledbutton class="SizeToCell"  id="AddToDictionary" onclick="AddToDictionary()" value="Add"/>
      </td>
      <td>
        <xul:titledbutton class="SizeToCell"  id="EditDictionary" onclick="EditDictionary()" value="Edit"/>
      </td>
    </tr>
    <tr>
      <td colspan="3">
        Language:
      </td>
    </tr>
    <tr>
      <td colspan="2">
        <select class="SpellCheckLanguage" id="LanguageList" size="1"  onchange="SelectLanguage()">
          <option>English
          </option>
        </select>
      </td>
      <td>
        <xul:titledbutton class="SizeToCell"  id="Close" onclick="Close()" value="Close"/>
      </td>
    </tr>
  </table>
</xul:window>
