<div class="content_div_small">
  <div class="table_tab_div">
    <div class="table_tab_left"></div>
    <div class="table_tab">Subtitling Descriptor</div>
    <div class="table_tab_right"></div>
  </div>
  <table>
    <tr>
      <th>Language Code</th>
      <td class="header">
        <input type="text" id="languageCode" maxlength="3" />
      </td>
      <td rowspan="4" class="header">
        <input type="button" id="addBtn" value="Add" class="input_normal" onclick="addTableRow();" />
      </td>
    </tr>
    <tr>
      <th>Subtitling Type</th>
      <td>
        <select id="subtitleType">
          <option value="1" selected="selected">EBU Teletext Subtitles</option>
          <option value="2">Associated Teletext</option>
          <option value="3">VBI Data</option>
          <option value="4">DVB, No Aspect Ratio Limit</option>
          <option value="5">DVB, 4:3 Aspect Ratio</option>
          <option value="6">DVB, 16:9 Aspect Ratio</option>
          <option value="7">DVB, 2.21:1 Aspect Ratio</option>
          <option value="8">DVB(Hearing Impaired), No Aspect Ratio Limit</option>
          <option value="9">DVB(Hearing Impaired), 4:3 Aspect Ratio</option>
          <option value="10">DVB(Hearing Impaired), 16:9 Aspect Ratio</option>
          <option value="11">DVB(Hearing Impaired), 2.21:1 Aspect Ratio</option>
        </select>
      </td>
    </tr>
    <tr>
      <th>Composition Page ID</th>
      <td>
        <input type="text" id="compPageId" value="0" />
      </td>
    </tr>
    <tr>
      <th>Ancillary Page ID</th>
      <td>
        <input type="text" id="ancilPageId" value="0" />
      </td>
    </tr>
  </table>
  <br />
  <table id="dataTable">
    <tr>
      <th>Language Code</th>
      <th>Subtitling Type</th>
      <th>Composition Page</th>
      <th>Ancillary Page</th>
      <th>Operation</th>
    </tr>
  </table>
  <table style="display: none;">
    <tr id="dataRow0" class="CaseRow">
      <td><span id="languageCode0"></span></td>
      <td><span id="subtitleType0"></span></td>
      <td><span id="compPageId0"></span></td>
      <td><span id="ancilPageId0"></span></td>
      <td><img src="../../images/del.gif" id="delete0" class="img img_hand" onclick="deleteCurrentRow($(this));" title="Delete" /></td>
    </tr>
  </table>
  <div class="bottom_button_div">
    <input type="button" id="descApplyBtn" value="OK" class="input_normal" onclick="descPageApply();" />
    <input type="button" id="descCancelBtn" value="Cancel" class="input_normal" onclick="cancelEdit();" />
  </div>
</div>
<style type="text/css">
#addBtn
{
	float: none;
	margin: 0;	
}
</style>
<script>
var maxRowNum = 31;
var objIdArray = ["languageCode", "subtitleType", "compPageId", "ancilPageId"];
var COL_NUM = 4;
</script>