Removed the bottom set of transition test buttons as these were mainly there for development testing, tweaked language and test page footer

Author: toddparker

docs/pages/page-transitions.html

@@ -86,7 +86,7 @@ <h2>Page transitions</h2>
 		</table>
 
 
-<p><strong>NOTE</strong>: To view all transition types, you must be on a browser that supports 3D transforms. By default, devices that lack 3D support will fallback to "fade" for all transition types. This behavior is configurable (see below).</p>
+<p><strong>Only seeing fade transitions?</strong> To view all transition types, you must be on a browser that supports 3D transforms. By default, devices that lack 3D support (such as Android 2.x) will fallback to "fade" for all transition types. This behavior is configurable (see below).</p>
 
 <p><strong>Transitions were originally inspired by <a href="http://www.jqtouch.com/">jQtouch</a></strong> They've since been rebuilt, but props to David Kaneda and Jonathan Stark for the initial guidance.</p>
 
@@ -124,58 +124,7 @@ <h2>Creating custom transitions</h2>
 
 		<p>jQuery Mobile allows for the addition of <a href="page-customtransitions.html">custom transitions</a> to the <code>$.mobile.transitionHandlers</code> dictionary so you can expand the selection of transitions on your site or app. 
 
-		<h2>Transitions and scroll position</h2>
-		<p>One of the key things jQuery Mobile does is store your scroll position before starting a transition so it can restore you to the same place once you return to the page when hitting the Back button or closing a dialog. Here are the same buttons from the top to test the scrolling logic.</p>
-
-
-		<table>
-			<tr>
-				<th><h3>fade</h3></th>
-				<td><a href="#dialog-success" data-role="button" data-rel="dialog" data-transition="fade" data-inline="true">dialog</a></td>
-				<td><a href="#page-success" data-role="button" data-transition="fade" data-inline="true">page</a></td>
-			</tr>
-			<tr>
-				<th><h3>pop</h3></th>
-				<td><a href="#dialog-success" data-role="button" data-rel="dialog" data-transition="pop" data-inline="true">dialog</a></td>
-				<td><a href="#page-success" data-role="button" data-transition="pop" data-inline="true">page</a></td>
-			</tr>
-			<tr>
-				<th><h3>flip</h3></th>
-				<td><a href="#dialog-success" data-role="button" data-rel="dialog" data-transition="flip" data-inline="true">dialog</a></td>
-				<td><a href="#page-success" data-role="button" data-transition="flip" data-inline="true">page</a></td>
-			</tr>
-			<tr>
-				<th><h3>turn</h3></th>
-				<td><a href="#dialog-success" data-role="button" data-rel="dialog" data-transition="turn" data-inline="true">dialog</a></td>
-				<td><a href="#page-success" data-role="button" data-transition="turn" data-inline="true">page</a></td>
-			</tr>
-			<tr>
-				<th><h3>flow</h3></th>
-				<td><a href="#dialog-success" data-role="button" data-rel="dialog" data-transition="flow" data-inline="true">dialog</a></td>
-				<td><a href="#page-success" data-role="button" data-transition="flow" data-inline="true">page</a></td>
-			</tr>
-			<tr>
-				<th><h3>slide</h3></th>
-				<td><a href="#dialog-success" data-role="button" data-rel="dialog" data-transition="slide" data-inline="true">dialog</a></td>
-				<td><a href="#page-success" data-role="button" data-transition="slide" data-inline="true">page</a></td>
-			</tr>
-			<tr>
-				<th><h3>slideup</h3></th>
-				<td><a href="#dialog-success" data-role="button" data-rel="dialog" data-transition="slideup" data-inline="true">dialog</a></td>
-				<td><a href="#page-success" data-role="button" data-transition="slideup" data-inline="true">page</a></td>
-			</tr>
-			<tr>
-				<th><h3>slidedown</h3></th>
-				<td><a href="#dialog-success" data-role="button" data-rel="dialog" data-transition="slidedown" data-inline="true">dialog</a></td>
-				<td><a href="#page-success" data-role="button" data-transition="slidedown" data-inline="true">page</a></td>
-			</tr>
-			<tr>
-				<th><h3>none</h3></th>
-				<td><a href="#dialog-success" data-role="button" data-rel="dialog" data-transition="none" data-inline="true">dialog</a></td>
-				<td><a href="#page-success" data-role="button" data-rel="dialog" data-transition="none" data-inline="true">page</a></td>
-			</tr>
-		</table>
-		
+			
 
 
 
@@ -268,20 +217,20 @@ <h2>Here's a few form elements</h2>
 
 						<div data-role="fieldcontain">
 							<label for="slider">Slider:</label>
-						 	<input type="range" name="slider" id="slider" value="0" min="0" max="100"  />
+						 	<input type="range" name="slider" id="slider" value="0" min="0" max="100" data-highlight="true" />
 						</div>
 
 					</form>
 
 					<a href="docs-transitions.html" data-role="button" data-theme="b" data-rel="back" data-inline="true">Take me back</a>   
 				</div>
 
-				<div data-role="header" data-theme="d">
+				<div data-role="footer" data-theme="d">
 					<div style="margin:5px 10px;"><!-- To add a bit of spacing -->
 					<label for="search" class="ui-hidden-accessible">Search:</label>
 			        <input type="search" name="password" id="search" placeholder="Search..." value="" />
 					</div>
-				</div><!-- /header -->
+				</div><!-- /footer -->
 			</div>
 
 			</body>