<?xml version="1.0"?> 
<?xml-stylesheet href="chrome://global/skin/xul.css" type="text/css"?> 

<!DOCTYPE window
[
<!ENTITY findDialog.title "Find on Page">
<!ENTITY findField.label "Find:">
<!ENTITY caseSensitiveCheckbox.label "Case Sensitive">
<!ENTITY wrapCheckbox.label "Wrap">
<!ENTITY backwardsCheckbox.label "Backwards">
<!ENTITY cancelButton.label "Cancel">
<!ENTITY findButton.label "Find">
]>

<xul:window xmlns="http://www.w3.org/TR/REC-html40"
		xmlns.xul="http://www.mozilla.org/keymaster/gatekeeper/there.is.only.xul"
        onload="onLoad()"
        onunload="onUnload()"
        style="padding:5px;"
        title="&findDialog.title;">

  <!-- This should be using a chrome URL -->
  <script language="JavaScript" src="resource:/res/samples/finddialog.js">
  </script>

    <table border="0" style="width:100%;">
        <tr>
            <td class="fieldlabel">
                &findField.label;
            </td>
            <td align="left">
                <input id="dialog.findKey" style="width:300px;" onkeyup="onTyping(event.which)"/>
            </td>
        </tr>
    
        <tr class="checkboxrow">
            <td align="right">
            </td>
            <td class="buttonlabel">
                <input type="checkbox" id="dialog.caseSensitive"/>
                <label class="disabled" for="dialog.caseSensitive">&caseSensitiveCheckbox.label;</label>
            </td>
        </tr>
    
        <tr>
            <td align="right">
            </td>
            <td  class="buttonlabel" align="left">
               <input type="checkbox" id="dialog.wrap"/>
               <label class="disabled" for="dialog.wrap">&wrapCheckbox.label;</label>
            </td>
        </tr>

        <tr>
            <td align="right">
            </td>
            <td  class="buttonlabel" align="left">
               <input type="checkbox" id="dialog.searchBackwards"/>
               <label class="disabled" for="dialog.searchBackwards">&backwardsCheckbox.label;</label>
            </td>
        </tr>
        <tr>
            <td align="right" colspan="2">
                <button class="cancelbutton" id="dialog.cancel" onclick="cancel()">&cancelButton.label;</button>
                <button class="defaultbutton" id="dialog.find" onclick="find()">&findButton.label;</button>
            </td>
        </tr>
    </table>
  
</xul:window>
