<?xml version="1.0"?>
<!DOCTYPE window SYSTEM "chrome://transerver/locale/transerver.dtd">
<overlay id="basictab_overlay" xmlns="http://www.mozilla.org/keymaster/gatekeeper/there.is.only.xul">
  <tabbox id="BasicTab" flex="1" >
     <tabs>
      <tab label="&prefMan.basic.tab.subtitle;" style="font-weight:bold"/>
      <tab label="&prefMan.basic.tab.thumbnail;" style="font-weight:bold"/>
      <tab label="&prefMan.basic.tab.watermark;" style="font-weight:bold"/>
      <tab label="&guide.btn.split.label;" style="font-weight:bold"/>
      <tab label="&prefMan.basic.tab.channelset;" style="font-weight:bold"/>
    </tabs>
    <tabpanels flex="1">
      <tabpanel>
        <grid flex="1">
          <columns>
            <column/>
            <column/>
            <column/>
            <column/>
          </columns>
          <rows>
            <row align="center">
              <label>&prefMan.basic.subtitle.mode;:</label>
              <menulist oncommand="OnSubtitleModeMenu(this)" id="basic_subtitle_mode">
                <menupopup>
                  <menuitem label="&basic.subtitle.mode.disabled;" value="0"></menuitem>
                  <menuitem label="&basic.subtitle.mode.render;" value="1"></menuitem>
                  <menuitem label="&basic.subtitle.mode.copy;" value="2"></menuitem>
                </menupopup>
              </menulist>
              <label>ID:</label>
              <textbox value="0" width="60px" id="basic_subtitle_id" onchange="OnTextboxChange(this,'overall.subtitle.sid')"></textbox>         
            </row>
            <row align="center">
              <label>&prefMan.basic.subtitle.font;:</label>
              <menulist editable="true" id="basic_subtitle_font" oninput="inputStart()" oncommand="OnSubtitleFontMenu(this)" onblur="OnSubtitleFontMenuInput(this)">
                <menupopup id="basic_popup_font">                   
                </menupopup>
              </menulist>                           
              <label>&prefMan.basic.pos;:</label>
              <textbox value="99" type="number" min="0" max="100" increment="10" width="60px" id="basic_subtitle_pos" onchange="OnTextboxChange(this,'overall.subtitle.pos')"></textbox>
            </row>
            <row align="center">
              <label>&prefMan.basic.subtitle.lang;:</label>
               <menulist editable="true" id="basic_subtitle_lang" oncommand="OnSubtitleLangMenu(this)" oninput="inputStart()" onblur="OnSubtitleLangMenuInput(this)">
                <menupopup>
                    <menuitem label="en(English)" value="en"></menuitem>
                    <menuitem label="zh(Chinese)" value="zh"></menuitem>
                    <menuitem label="dut(Dutch)" value="dut"></menuitem>
                    <menuitem label="fin(Finnish)" value="fin"></menuitem>
                    <menuitem label="fre(French)" value="fre"></menuitem>
                    <menuitem label="ita(Italian)" value="ita"></menuitem>
                    <menuitem label="jpn(Japanese)" value="jpn"></menuitem>
                    <menuitem label="kor(Korean)" value="kor"></menuitem>
                    <menuitem label="nor(Norwegian)" value="nor"></menuitem>
                    <menuitem label="por(Portuguese)" value="por"></menuitem>
                    <menuitem label="rus(Russian)" value="rus"></menuitem>
                    <menuitem label="spa(Castilian)" value="spa"></menuitem>
                    <menuitem label="swe(Swedish)" value="swe"></menuitem>
                </menupopup>
              </menulist>
               <label>&prefMan.basic.subtitle.size;:</label>
               <textbox value="5" type="number"  min="1" max="10" width="60px" id="basic_subtitle_size"  onchange="OnTextboxChange(this,'overall.subtitle.scale')"></textbox>         
            </row>
            <row align="center">
              <label>&prefMan.basic.subtitle.code;:</label>
               <menulist id="basic_subtitle_code" oncommand="OnMenuChange(this, 'overall.subtitle.encoding')">
                <menupopup>
                   <menuitem label="ANSI" value="0"></menuitem>
                   <menuitem label="UTF-8" value="1"></menuitem>
                   <menuitem label="Unicode" value="2"></menuitem>
                </menupopup>
              </menulist>             
            </row>
          </rows>
        </grid>
      </tabpanel>
      <tabpanel>
        <vbox flex="1">
        <grid flex="1">
          <columns>
            <column/>
            <column/>
            <column/>
            <column/>
            <column/>
            <column/>
          </columns>
          <rows id="basic_thumbnail_rows">
            <row align="center">
              <label>&prefMan.basic.enable;:</label>
               <menulist id="basic_thumbnail_enable" oncommand="OnThumbnailEnableMenu(this)">
                <menupopup>
                   <menuitem label="&prefMan.basic.true;" value="true"></menuitem>
                   <menuitem label="&prefMan.basic.false;" value="false"></menuitem>
                </menupopup>
              </menulist>
              <label>&prefMan.basic.thumbnail.width;:</label>
              <textbox value="160" width="60px" onchange="OnTextboxChange(this,'videofilter.thumb.width')" id="basic_thumbnail_width"></textbox>
              <label>&prefMan.basic.thumbnail.height;:</label>
              <textbox value="120" width="60px" onchange="OnTextboxChange(this,'videofilter.thumb.height')" id="basic_thumbnail_height"></textbox>
            </row>
            <row align="center">
               <label>&prefMan.basic.thumbnail.format;:</label>
               <menulist  oncommand="OnMenuChange(this, 'videofilter.thumb.format')" id="basic_thumbnail_format">
                <menupopup>
                   <menuitem label="Default" value="0"></menuitem>
                   <menuitem label="PNG" value="1"></menuitem>
                   <menuitem label="JPEG" value="2"></menuitem>
                   <menuitem label="BMP" value="3"></menuitem>
                   <menuitem label="GIF" value="4"></menuitem>
                </menupopup>
              </menulist>
               <label>&prefMan.basic.thumbnail.start;:</label>
              <textbox value="5" width="60px" onchange="OnTextboxChange(this,'videofilter.thumb.start')" id="basic_thumbnail_start"></textbox>
              <label>&prefMan.basic.thumbnail.end;:</label>
              <textbox value="0" width="60px" onchange="OnTextboxChange(this,'videofilter.thumb.end')" id="basic_thumbnail_end"></textbox>
            </row>
            <row align="center">
              <label>&prefMan.basic.thumbnail.num;:</label>
               <textbox value="1" min="1" type="number" width="60px" onchange="OnTextboxChange(this,'videofilter.thumb.count')" id="basic_thumbnail_num"></textbox>
               <label>&prefMan.basic.thumbnail.stitch;:</label>
               <menulist oncommand="OnMenuChange(this, 'videofilter.thumb.stitching')" id="basic_thumbnail_stitch">
                <menupopup>
                   <menuitem label="&prefMan.basic.true;" value="true"></menuitem>
                   <menuitem label="&prefMan.basic.false;" value="false"></menuitem>
                </menupopup>
              </menulist>
              <label>&prefMan.basic.thumbnail.stitchalign;:</label>
               <menulist oncommand="OnMenuChange(this, 'videofilter.thumb.align')" id="basic_thumbnail_align">
                <menupopup>
                   <menuitem label="&basic.thumbnail.stitchalign.tile;" value="0"></menuitem>
                   <menuitem label="&basic.thumbnail.stitchalign.hor;" value="1"></menuitem>
                   <menuitem label="&basic.thumbnail.stitchalign.ver;" value="2"></menuitem>
                </menupopup>
              </menulist>
            </row>
          </rows>
       </grid>
        <hbox align="center">
          <label>&prefMan.basic.thumbnail.prefix;:</label>
          <textbox onchange="OnTextboxChange(this,'videofilter.thumb.name')" id="basic_thumbnail_prefix"></textbox>
          <label>&prefMan.basic.thumbnail.folder;:</label>
          <textbox onchange="OnTextboxChange(this,'videofilter.thumb.folder')" id="basic_thumbnail_folder"></textbox>
          <button label="&tools.outputdir.browse;" oncommand="browserButtonFunction($e('basic_thumbnail_folder'));OnTextboxChange($e('basic_thumbnail_folder'),'videofilter.thumb.folder');"></button>
        </hbox>
        <spacer flex="1"/>
       </vbox> 
      </tabpanel>
      <tabpanel>
       <vbox flex="1">
        <grid flex="1">
          <columns>
            <column/>
            <column/>
            <column/>
            <column/>
          </columns>
          <rows id="basic_watermark_rows">
            <row align="center">
              <label>&prefMan.basic.enable;:</label>
               <menulist id="basic_watermark_enable" oncommand="OnWatermarEnableMenu(this)">
                <menupopup>
                   <menuitem label="&prefMan.basic.true;" value="true"></menuitem>
                   <menuitem label="&prefMan.basic.false;" value="false"></menuitem>
                </menupopup>
              </menulist>
                <label>&prefMan.basic.pos;:</label>
                <menulist oncommand="OnMenuChange(this, 'videofilter.overlay.pos')" id="basic_watermark_pos">
                <menupopup>
                   <menuitem label="&basic.watermark.pos.center;" value="0"></menuitem>
                   <menuitem label="&basic.watermark.pos.upleft;" value="1"></menuitem>
                   <menuitem label="&basic.watermark.pos.upright;" value="2"></menuitem>
                   <menuitem label="&basic.watermark.pos.btmright;" value="3"></menuitem>
                   <menuitem label="&basic.watermark.pos.btmleft;" value="4"></menuitem>
                </menupopup>
              </menulist>
            </row>
            <row align="center">
               <label>&prefMan.basic.watermark.colored;:</label>
                <menulist  oncommand="OnMenuChange(this, 'videofilter.overlay.colored')"  id="basic_watermark_colored">
                <menupopup>
                   <menuitem label="&basic.watermark.colored.true;" value="true"></menuitem> 
                   <menuitem label="&basic.watermark.colored.false;" value="false"></menuitem>                   
                </menupopup>
              </menulist>
              <label>&prefMan.basic.watermark.offsetX;:</label>
               <textbox value="10" width="60px" onchange="OnTextboxChange(this,'videofilter.overlay.offsetX')"  id="basic_watermark_offsetX"></textbox>
            </row>
            <row align="center">
              <label>&prefMan.basic.watermark.opaque;:</label>
               <textbox value="0.5" width="60px" min="0" max="1" increment="0.1" decimalplaces="1" type="number" onchange="OnTextboxChange(this,'videofilter.overlay.opaque')" id="basic_watermark_opaque"></textbox>
              <label>&prefMan.basic.watermark.offsetY;:</label>
               <textbox value="10" width="60px"  onchange="OnTextboxChange(this,'videofilter.overlay.offsetY')" id="basic_watermark_offsetY"></textbox>
            </row>
          </rows>
        </grid>
         <hbox align="center">
            <label>&prefMan.basic.watermark.text;:</label>
            <textbox flex="1" id="basic_watermark_text"  onchange="OnTextboxChange(this,'videofilter.overlay.text')"></textbox>
            <button label="&tools.outputdir.browse;" oncommand="browserButtonTextFile()"></button>
          </hbox>
          <hbox align="center">
            <label>&prefMan.basic.watermark.path;:</label>
            <textbox flex="1" id="basic_watermark_path"  onchange="OnTextboxChange(this,'videofilter.overlay.image')"></textbox>
            <button label="&tools.outputdir.browse;" oncommand="browserButtonImageFile()"></button>
          </hbox>
          <spacer flex="1"/>
        </vbox>
      </tabpanel>
      <tabpanel>
        <vbox flex="1">
          <radiogroup flex="1" oncommand="OnBasicPageSplitRadioChange(this)" id="basic_split_type_group">
            <caption label="&split.style.label;"/>
            <radio label="&use01.radio.none;"></radio>
            <hbox>
                <radio label="&split.style.time;"></radio>
                 <vbox>
                    <spacer flex="1"/><label>&split.duli.time;(s):</label><spacer flex="1"/>
                </vbox>
                <textbox disabled="true" id="basic_split_time_text" type="number" onchange="OnTextboxChange(this,'extention.split.clips')"  maxwidth="120px"/>
            </hbox>
            <hbox>
                <radio label="&split.style.size;"></radio>
                 <vbox>
                    <spacer flex="1"/><label>&split.duli.size;(Mb):</label><spacer flex="1"/>
                </vbox>
                <textbox disabled="true" id="basic_split_size_text" type="number" onchange="OnTextboxChange(this,'extention.split.clips',1024)"  maxwidth="120px"/>
            </hbox>
          </radiogroup>        
        <hbox><label>&split.prefix.label;:</label><textbox id="basic_split_prefix" onchange="OnTextboxChange(this,'extention.split.prefix')"/></hbox>
        </vbox>
      </tabpanel>
      <tabpanel>
          <grid>
            <columns>
                <column/>
                <column/>
            </columns>
            <rows id="basic_mapchannel_rows">
                <row align="center">
                    <label>&prefMan.basic.enable;:</label>
                    <menulist oncommand="OnMapChannelEnableMenu(this)" id="basic_mapchannel_enable">
                        <menupopup>
                            <menuitem label="&prefMan.basic.true;" value="true"></menuitem>
                            <menuitem label="&prefMan.basic.false;" value="false"></menuitem>
                        </menupopup>
                    </menulist>
                </row>
                <row align="center">
                    <label>&pref.basic.audiochannel.left;:</label>
                    <menulist oncommand="OnMenuChange(this, 'channel.map.left','config')" id="basic_mapchannel_left">
                        <menupopup>
                            <menuitem label="&pref.basic.audiochannel1;" value="0"></menuitem>
                            <menuitem label="&pref.basic.audiochannel2;" value="1"></menuitem>
                        </menupopup>
                    </menulist>
                </row>
                <row align="center">
                    <label>&pref.basic.audiochannel.right;:</label>
                    <menulist oncommand="OnMenuChange(this, 'channel.map.right','config')" id="basic_mapchannel_right">
                        <menupopup>
                            <menuitem label="&pref.basic.audiochannel1;" value="0"></menuitem>
                            <menuitem label="&pref.basic.audiochannel2;" value="1"></menuitem>
                        </menupopup>
                    </menulist>
                </row>
            </rows>
          </grid>
      </tabpanel>
    </tabpanels>
  </tabbox>
</overlay>

