<div id="editWrapper">
<div id="floatForm">
<input id='toggleShowOption' name="toggleOption" type="button" value="Hide Edit Option" />
<div id="editOption">
<br/>
<div id="editOptionWrapper">
Select viewport:<br/>
<select id="viewport" name="viewport">
<option value="true">landscape</option>
<option value="false">portrait</option>
</select><br/><br/>
Select questions:<br/>
<select id="questionslist" name="questionslist">
</select><br/>
<input id="prevQuestion" name="prevQuestion" class="button" type="button" value="Prev Question">
<input id="nextQuestion" name="nextQuestion" class="button" type="button" value="Next Question">
<br/><br/>
<div id='topWrapper'>
<input id="removeQuestion" name="removeQuestion" type="button" value="Remove Question">
<input id="sortQuestion" name="sortQuestion" type="button" value="Sort Question">
<input id="addQuestion" name="addQuestion" type="button" value="Add Question">
<br/><br/>
</div>
<div id="actionWrapper">
Edit question:<br/>
<input id='editQuestion' name="editQuestion" type="button" value="Edit Question" />
<input id='editAnswers' name="editAnswers" type="button" value="Edit Answers" />
<br/><br/>
Generate and replace XML file:<br/>
<input id='generateXML' name="generateXML" type="button" value="Generate XML" />
<textarea id="outputXML" name="outputXML" cols="" rows="10"></textarea>
</div>
</div>
<div id='sortWrapper' style="display:none;">
Question list:
<select id="sortquestionlist" name="sortquestionlist" size="10">
</select>
<br/><br/>
<input id='moveQuestionUp' name="moveQuestionUp" class="button" type="button" value="Move Up" />
<input id='moveQuestionDown' name="moveQuestionDown" class="button" type="button" value="Move Down" />
<input id='doneSort' name="doneSort" type="button" value="Done" />
</div>
<div id='questionWrapper' style="display:none;">
Edit question:<br/>
<div class="formRow">
<label class="button">Category:</label>
<input id="questionCategory" name="questionCategory" class="button" type="text" />
</div>
<div class="formRow">
<label class="button">Level:</label>
<select id="questionslevel" name="questionslevel">
<option value="1">1</option>
<option value="2">2</option>
<option value="3">3</option>
</select>
</div>
<div class="formRow">
<label class="button">Font Size:</label>
<input id="questionFontSize" name="questionFontSize" class="button" type="text" />
</div>
<div class="formRow">
<label class="button">Font Size (Portrait):</label>
<input id="questionFontSizeP" name="questionFontSizeP" class="button" type="text" />
</div>
<div class="formRowLong extraHeight">
Text:
<textarea id="questionText" name="questionText" cols="" rows=""></textarea>
</div>
<label class="button">Audio:</label>
<input id="questionAudio" name="questionAudio" type="text" />
*Audio must have MP3 and OGG file format for cross-browser compatible, insert only OGG format for audio field.
<br/><br/>
<input id='previewQuestion' name="previewQuestion" type="button" value="Preview Question" />
<input id='cancelQuestion' name="cancelQuestion" class="button" type="button" value="Back" />
<input id='doneQuestion' name="doneQuestion" class="button" type="button" value="Done" />
</div>
<div id='answersWrapper' style="display:none;">
Edit answers:
<br/><br/>
<div class="formRow">
<label class="button">Correct Answer:</label>
<input id="correctAnswer" name="correctAnswer" class="button" type="text" />
</div>
<div id="answerWrapper">
Answer list:
<select id="answerslist" name="answerslist">
</select>
<input id="prevAnswer" name="prevAnswer" class="button" type="button" value="Prev Answer">
<input id="nextAnswer" name="nextAnswer" class="button" type="button" value="Next Answer">
<br/><br/>
<div class="formRowLong extraHeight">
Text:
<textarea id="answerText" name="answerText" cols="" rows=""></textarea>
</div>
<div class="formRow">
<label class="button">Font Size:</label>
<input id="answerFontSize" name="answerFontSize" class="button" type="text" />
</div>
<div class="formRow">
<label class="button">Font Size (Portrait):</label>
<input id="answerFontSizeP" name="answerFontSizeP" class="button" type="text" />
</div>
<label class="button">Audio:</label>
<input id="answerAudio" name="answerAudio" type="text" />
*Audio must have MP3 and OGG file format for cross-browser compatible, insert only OGG format for audio field.
</div>
<br/>
<input id='previewAnswer' name="previewAnswer" type="button" value="Preview Answer" />
<input id='cancelAnswer' name="cancelAnswer" class="button" type="button" value="Back" />
<input id='doneAnswer' name="doneAnswer" class="button" type="button" value="Done" />
</div>
</div>
</div>
</div>