<!doctype html>
<html>
<head>
<script type="text/javascript" src="jquery-1.6.1.min.js"></script>
<script type="text/javascript" src="staticfuncs.js"></script>
<script type="text/javascript" src="speedtag.js"></script>
<link rel="stylesheet" type="text/css" href="speedtag.css" />
</head>
<body>
<div id="wrapper">
<div id="buttons">
<button id="saveLocationBtn">Select Output Folder</button>
<button id="selectAudioFile">Select Audio File</button>
<button id="saveFormData">Save Metadata</button>
</div>
<div style="clear:both;"></div>
<form id="metadataForm" action="" method="GET">
<div id="leftForm">
<table id="formTable">
<tr>
<td class="formLabel optional">
Witness Name:
</td>
<td class="formInput">
<input type="text" name="witnessName" id="witnessName" />
</td>
</tr>
<tr>
<td class="formLabel optional">
Is Secret:
</td>
<td class="formInput">
<input type="checkbox" name="isSecret" id="isSecret" />
</td>
</tr>
<tr>
<td class="formLabel optional">
Gender:
</td>
<td class="formInput">
<select name="gender" id="gender">
<option selected="selected" value="M">M</option>
<option value="F">F</option>
</select>
</td>
</tr>
<tr>
<td class="formLabel optional">
Marital Status:
</td>
<td class="formInput">
<select name="maritalStatus" id="maritalStatus">
<option selected="selected" value="Single">Single</option>
<option value="Married">Married</option>
</select>
</td>
</tr>
<tr>
<td class="formLabel optional">
Profession:
</td>
<td class="formInput">
<input type="text" name="profession" id="profession" />
</td>
</tr>
</table>
</div>
<div id="rightForm">
<textarea id="notesArea"></textarea>
</div>
</form>
</div>
</body>
</html>