--- a/org.symbian.tools.wrttools.previewer/preview/wrt_preview.html	Wed Jun 30 14:04:26 2010 -0700
+++ b/org.symbian.tools.wrttools.previewer/preview/wrt_preview.html	Wed Jun 30 16:50:22 2010 -0700
@@ -21,6 +21,7 @@
 	<link type="text/css" rel="stylesheet"  href="preview/script/jquery-ui/css/ui-darkness/jquery-ui-1.8.2.custom.css"/>	
 	<script type="text/javascript" src="preview/script/jquery-ui/js/jquery-1.4.2.min.js"></script>
 	<script type="text/javascript" src="preview/script/jquery-ui/js/jquery-ui-1.8.2.custom.min.js"></script>
+	<script type="text/javascript" src="preview/script/jquery-ui/js/jquery.numeric.pack.js"></script>
 	<!-- jQuery-ui Ends -->	
 	<script type="text/javascript" language="JavaScript" src="preview/script/emulator.js"></script>
 	<script type="text/javascript" language="JavaScript" src="preview/script/helper.js"></script>
@@ -84,10 +85,9 @@
 		<div id="tabs" class="tabs-bottom">
 		<ul id="tabs-header">
 			<li><a href="#console">Console</a></li>
-			<li><a href="#event-acceleration">Acceleration</a></li>
+			<li><a href="#event-acceleration">Screen</a></li>
 			<li><a href="#event-battery-info">Battery</a></li>
 			<li><a href="#event-messaging-info">Events</a></li>
-			<li><a href="#settings-view">Preferences</a></li>
 		</ul>
 		<div id="console" class="hide" style="height: 100%">
 			<span id="Console-Clear-Button"></span>
@@ -95,27 +95,29 @@
 			<div id="preview-ui-bottom-body" style="height: 100%"></div>
 		</div>
 		<div id="event-acceleration" class="hide">
-			<div style="width: 100%">
-				<div style="margin-left: auto; margin-right: auto; width: 250px">
+			<table cellpadding='0' cellspacing='0' width="100%">
+			<tr>
+				<th>Screen Resolution:</th>
+				<td>
+					<select id="resOptions">
+						<option selected="selected" value="http://www.forum.nokia.com/devices/matrix_240x320_1.html">240x320</option>
+						<option value="http://www.forum.nokia.com/devices/matrix_320x240_1.html">320x240</option>
+						<option value="http://www.forum.nokia.com/devices/matrix_360x640_1.html">360x640</option>
+						<option value="http://www.forum.nokia.com/devices/E90_Communicator">800x352</option>
+					</select>
+				</td>
+			</tr>
+			<tr>
+				<th>
 					<canvas width="140px" height="120px" id="phoneposition" >No canvas available</canvas>
-					<div id="accel-data">
-						<div>X Axis: <span id="xaxis" class="readonly-field">0000</span></div>
-						<div>Y Axis: <span id="yaxis" class="readonly-field">0</span></div>
-						<div>Z Axis: <span id="zaxis" class="readonly-field">0</span></div>
-					</div>
-				</div>
-				<div id="accel-sliders">
-					<div style="height: 15px">
-						<div id="sliderY"></div>
-					</div>
-					<div style="height: 15px">
-						<div id="sliderZ"></div>
-					</div>
-					<div style="height: 15px">
-						<div id="sliderX"></div>
-					</div>
-				</div>
-			</div>
+				</th>
+				<td>
+					<div><button id="xleft"></button><input id="xaxis" class="ui-widget axis-entry"/><button id="xright"></button></div>
+					<div><button id="yleft"></button><input id="yaxis" class="ui-widget axis-entry"/><button id="yright"></button></div>
+					<div><button id="zleft"></button><input id="zaxis" class="ui-widget axis-entry"/><button id="zright"></button></div>
+				</td>
+			</tr>
+			</table>
 		</div>
 		<div id="event-battery-info" class="hide">
 			<table cellpadding='0' cellspacing='0' width="100%">
@@ -153,61 +155,8 @@
 				</tr>
 			</table>
 		</div>
-		<div id="settings-view" class="hide">
-			<table width="100%" cellpadding="0" cellspacing="0">
-				<tr>
-					<th>
-						WRT Version
-					</th>
-					<td>
-						<label><input type="radio" name="wrt_version" id="wrt_version_1_0" value="WRT 1.0"/> WRT 1.0</label>	
-						<label><input type="radio" name="wrt_version" id="wrt_version_1_1" value="WRT 1.1"/> WRT 1.1</label>	
-					</td>
-				</tr>
-				<tr>
-					<th>
-						Home Screen view
-					</th>
-					<td>
-						<div id="HS_Control_Info">
-							Hello
-						</div>
-					</td>
-				</tr>
-			</table>
-		</div>
-		<div id="mini-view-info" class="hide">
-			<div class="ui-panel">
-				<a class="ui-button" id="mini-view-back">Back</a>
-			</div>
-			<table cellpadding='0' cellspacing='0' width="100%">
-				<tr>
-					<th>To enable Mini view support for HomeScreen widget </th>
-				</tr>
-				<tr>
-					<td>
-						Add this line in Info.plist file
-						<code>&lt;key&gt;MiniViewEnabled&lt;/key&gt;<br/>&lt;true/&gt;</code>
-						and optionally add the following to the MainHTML file
-						<code>&lt;div id="miniView"&gt; &lt;--  Define your Home Screen view here  --&gt; &lt;/div&gt;</code><br/>
-						See Web Developer's Library for <a class="link" href="http://library.forum.nokia.com/index.jsp?topic=/Web_Developers_Library/GUID-63F4E17E-8895-4054-82AD-762B90610B30.html" target="_blank">more details</a>
-					</td>
-				</tr>
-			</table>
-		</div>
 		</div>
 	</div>
-	<div id="TopToolbar">
-		<div id="rotateCW"></div>
-		<select id="resOptions">
-			<option selected="selected" value="http://www.forum.nokia.com/devices/matrix_240x320_1.html">240x320</option>
-			<option value="http://www.forum.nokia.com/devices/matrix_320x240_1.html">320x240</option>
-			<option value="http://www.forum.nokia.com/devices/matrix_360x640_1.html">360x640</option>
-			<option value="http://www.forum.nokia.com/devices/E90_Communicator">800x352</option>
-		</select>
-		<div id="rotateCCW"></div>
-	</div>
-	<div id="PreferencesBtn" class="hide"></div>
 	<div id="InspectorBtn" class="hide"></div>
 	<div id="orientationIcon"></div>
 	<div id="loaderDiv"></div>