From 6b8a224059abb81120c3c581a79e2bc53584f5a1 Mon Sep 17 00:00:00 2001
From: Jordan Lee <jordan@transmissionbt.com>
Date: Wed, 14 Sep 2011 05:10:51 +0000
Subject: [PATCH] (trunk web) refactor the preferences dialog into its own
 class. Make the prefs dialog invokable on iPhones/Androids (#1131) and add
 stop ratio functionality (#2006).

---
 web/images/graphics/Makefile.am     |   1 +
 web/images/graphics/blue-turtle.png | Bin 0 -> 3009 bytes
 web/images/graphics/chrome.png      | Bin 4752 -> 7286 bytes
 web/index.html                      | 351 ++++++--------
 web/javascript/Makefile.am          |   2 +-
 web/javascript/common.js            |  57 +--
 web/javascript/dialog.js            |   9 +-
 web/javascript/file-row.js          |   9 +-
 web/javascript/formatter.js         |  10 +-
 web/javascript/inspector.js         |   7 +-
 web/javascript/menu.js              |  45 --
 web/javascript/prefs-dialog.js      | 309 ++++++++++++
 web/javascript/remote.js            |  44 +-
 web/javascript/torrent-row.js       |  14 +-
 web/javascript/torrent.js           |  10 +-
 web/javascript/transmission.js      | 728 +++++++++++-----------------
 web/stylesheets/common.css          | 248 +++-------
 web/stylesheets/mobile.css          | 331 ++++++-------
 18 files changed, 1032 insertions(+), 1143 deletions(-)
 create mode 100644 web/images/graphics/blue-turtle.png
 delete mode 100644 web/javascript/menu.js
 create mode 100644 web/javascript/prefs-dialog.js

diff --git a/web/images/graphics/Makefile.am b/web/images/graphics/Makefile.am
index 541032669..9165c0726 100644
--- a/web/images/graphics/Makefile.am
+++ b/web/images/graphics/Makefile.am
@@ -1,6 +1,7 @@
 datadir = ${datarootdir}/${PACKAGE_NAME}/${subdir}
 
 dist_data_DATA = \
+  blue-turtle.png \
   chrome.png \
   filter_bar.png \
   filter_icon.png \
diff --git a/web/images/graphics/blue-turtle.png b/web/images/graphics/blue-turtle.png
new file mode 100644
index 0000000000000000000000000000000000000000..dd9e7e59bb50986022ee3f817d138adc17c56e57
GIT binary patch
literal 3009
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
D|5ln{

literal 0
HcmV?d00001

diff --git a/web/images/graphics/chrome.png b/web/images/graphics/chrome.png
index 3dac5b0ec6ea52ef715e02e676e9023cb85e3ca4..d5aa04e0b917c4fe9bd4d62ca6ce09493d10f549 100644
GIT binary patch
literal 7286
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

literal 4752
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
U2x=sPxY7jBRMS&!MA*juAKeYwoB#j-

diff --git a/web/index.html b/web/index.html
index 30ca6e127..9414630ff 100755
--- a/web/index.html
+++ b/web/index.html
@@ -11,6 +11,7 @@
 		<script type="text/javascript" src="https://ajax.googleapis.com/ajax/libs/jquery/1.6.4/jquery.min.js"></script>
 		<script type="text/javascript" src="https://ajax.googleapis.com/ajax/libs/jqueryui/1.8.16/jquery-ui.min.js"></script>
 		<link rel="stylesheet" href="http://ajax.googleapis.com/ajax/libs/jqueryui/1.8.16/themes/base/jquery-ui.css" type="text/css" media="all" /> 
+
 <!--
 		<link media="screen" href="./stylesheets/mobile.css" type= "text/css" rel="stylesheet" />
 -->
@@ -23,11 +24,11 @@
 		<!--[if IE 7]><link media="screen" href="./stylesheets/ie7.css" type="text/css" rel="stylesheet" /><![endif]-->
 		<script type="text/javascript" src="./javascript/jquery/jquery.transmenu.min.js"></script>
 		<script type="text/javascript" src="./javascript/jquery/jquery.contextmenu.min.js"></script>
-		<script type="text/javascript" src="./javascript/menu.js"></script>
 		<script type="text/javascript" src="./javascript/jquery/jquery.form.min.js"></script>
 		<script type="text/javascript" src="./javascript/jquery/json2.min.js"></script>
 		<script type="text/javascript" src="./javascript/common.js"></script>
 		<script type="text/javascript" src="./javascript/inspector.js"></script>
+		<script type="text/javascript" src="./javascript/prefs-dialog.js"></script>
 		<script type="text/javascript" src="./javascript/remote.js"></script>
 		<script type="text/javascript" src="./javascript/transmission.js"></script>
 		<script type="text/javascript" src="./javascript/torrent.js"></script>
@@ -69,6 +70,113 @@
 			</div>
 		</div>
 
+		<div id="prefs-dialog" style="display:none;">
+			<ul>
+				<li id="prefs-tab-general"><a href="#prefs-page-torrents">Torrents</a></li>
+				<li id="prefs-tab-speed"><a href="#prefs-page-speed">Speed</a></li>
+				<li id="prefs-tab-privacy"><a href="#prefs-page-privacy">Privacy</a></li>
+				<li id="prefs-tab-network"><a href="#prefs-page-network">Network</a></li>
+				<li class="ui-tab-dialog-close"></li>
+			</ul>
+			<div>
+				<div id="prefs-page-torrents">
+					<div class="prefs-section">
+						<div class="title">Downloading</div>
+						<div class="row"><div class="key">Download to:</div><div class="value"><input type="text" id="download-dir"/></div></div>
+						<div class="checkbox-row"><input type="checkbox" id="start-added-torrents"/><label for="start-added-torrents">Start when added</label></div>
+						<div class="checkbox-row"><input type="checkbox" id="rename-partial-files"/><label for="rename-partial-files">Append &quot;.part&quot; to incomplete files' names</label></div>
+					</div>
+					<div class="prefs-section">
+						<div class="title">Seeding</div>
+						<div class="row"><div class="key"><input type="checkbox" id="seedRatioLimited"/><label for="seedRatioLimited">Stop seeding at ratio:</label></div>
+                                                                 <div class="value"><input type="text" class="numberinput" id="seedRatioLimit"/></div></div>
+						<div class="row"><div class="key"><input type="checkbox" id="idle-seeding-limit-enabled"/><label for="idle-seeding-limit-enabled">Stop seeding if idle for N minutes:</label></div>
+                                                                 <div class="value"><input type="text" class="numberinput" id="idle-seeding-limit"/></div></div>
+					</div>
+				</div>
+				<div id="prefs-page-speed">
+					<div class="prefs-section">
+						<div class="title">Speed Limits</div>
+						<div class="row"><div class="key"><input type="checkbox" id="speed-limit-up-enabled"/><label for="speed-limit-up-enabled">Upload (kB/s):</label></div>
+                                                                 <div class="value"><input type="text" class="numberinput" id="speed-limit-up"/></div></div>
+						<div class="row"><div class="key"><input type="checkbox" id="speed-limit-down-enabled"/><label for="speed-limit-down-enabled">Download (kB/s):</label></div>
+                                                                 <div class="value"><input type="text" class="numberinput" id="speed-limit-down"/></div></div>
+					</div>
+					<div class="prefs-section">
+						<div class="title"><img src="images/graphics/blue-turtle.png" width="16" height="9" style="padding-right: 10px;"/>Alternative Speed Limits</div>
+						<div class="row" style="font-size: smaller; padding-bottom: 4px;">Override normal speed limits manually or at scheduled times</div>
+						<div class="row"><div class="key">Upload (kB/s):</div>
+                                                                 <div class="value"><input type="text" class="numberinput" id="alt-speed-up"/></div></div>
+						<div class="row"><div class="key">Download (kB/s):</div>
+                                                                 <div class="value"><input type="text" class="numberinput" id="alt-speed-down"/></div></div>
+						<div class="checkbox-row"><input type="checkbox" id="alt-speed-time-enabled"/><label for="alt-speed-time-enabled">Scheduled Times</label></div>
+						<div class="row"><div class="key">From:</div>
+						                 <div class="value"><select id="alt-speed-time-begin"></select></div></div>
+						<div class="row"><div class="key">To:</div>
+						                 <div class="value"><select id="alt-speed-time-end"></select></div></div>
+						<div class="row"><div class="key"><label for="alt-speed-time-day">On days:</label></div>
+						                 <div class="value"><select id="alt-speed-time-day">
+								 		<option value="127">Everyday</option>
+										<option value="62">Weekdays</option>
+										<option value="65">Weekends</option>
+										<option value="1">Sunday</option>
+										<option value="2">Monday</option>
+										<option value="4">Tuesday</option>
+										<option value="8">Wednesday</option>
+										<option value="16">Thursday</option>
+										<option value="32">Friday</option>
+										<option value="64">Saturday</option></select></div></div>
+					</div>
+				</div>
+				<div id="prefs-page-privacy">
+					<div class="prefs-section">
+						<div class="title">Blocklist</div>
+						<div class="row"><div class="key"><input type="checkbox" id="blocklist-enabled"/><label for="blocklist-enabled">Enable blocklist:</label></div>
+						                 <div class="value"><input type="text" id="blocklist-url"/></div></div>
+						<div class="row"><div class="key" style="margin-top: 3px; font-size: smaller;">Blocklist has <span id="blocklist-size">?</span> rules</div>
+						                 <div class="value"><input type="button" id="blocklist-update-button" value="Update"/></div></div>
+					</div>
+					<div class="prefs-section">
+						<div class="title">Privacy</div>
+						<div class="row"><div class="key">Encryption mode:</div>
+						                 <div class="value"><select id="encryption">
+						                 	<option value="tolerated">Allow encryption</option>
+						                 	<option value="preferred">Prefer encryption</option>
+						                 	<option value="required">Require encryption</option></select></div></div>
+						<div class="checkbox-row"><input type="checkbox" id="pex-enabled" title="PEX is a tool for exchanging peer lists with the peers you're connected to."/>
+						                          <label for="pex-enabled" title="PEX is a tool for exchanging peer lists with the peers you're connected to.">Use PEX to find more peers</label></div>
+						<div class="checkbox-row"><input type="checkbox" id="dht-enabled" title="DHT is a tool for finding peers without a tracker."/>
+						                          <label for="dht-enabled" title="DHT is a tool for finding peers without a tracker.">Use DHT to find more peers</label></div>
+						<div class="checkbox-row"><input type="checkbox" id="lpd-enabled" title="LPD is a tool for finding peers on your local network."/>
+						                          <label for="lpd-enabled" title="LPD is a tool for finding peers on your local network.">Use LPD to find more peers</label></div>
+					</div>
+				</div>
+				<div id="prefs-page-network">
+					<div class="prefs-section">
+						<div class="title">Listening Port</div>
+						<div class="row"><div class="key"><label for="peer-port">Peer listening port:</div>
+						                 <div class="value"><input type="text" class="numberinput" id="peer-port"/></div></div>
+						<div class="row"><div class="key">&nbsp;</div>
+						                 <div class="value"><span id="port-label">Status: Unknown</span></div></div>
+						<div class="checkbox-row"><input type="checkbox" id="peer-port-random-on-start"/><label for="peer-port-random-on-start">Randomize port on launch</label></div>
+						<div class="checkbox-row"><input type="checkbox" id="port-forwarding-enabled"/><label for="port-forwarding-enabled">Use port forwarding from my router</label></div>
+					</div>
+					<div class="prefs-section">
+						<div class="title">Connections</div>
+						<div class="row"><div class="key"><label for="peer-limit-per-torrent">Max peers per torrent:</label></div>
+						                 <div class="value"><input type="text" class="numberinput" id="peer-limit-per-torrent"/></div></div>
+						<div class="row"><div class="key"><label for="peer-limit-global">Max peers overall:</label></div>
+						                 <div class="value"><input type="text" class="numberinput" id="peer-limit-global"/></div></div>
+					</div>
+					<div class="prefs-section">
+						<div class="title">Options</div>
+						<div class="checkbox-row"><input type="checkbox" id="utp-enabled" title="uTP is a tool for reducing network congestion."/>
+						                          <label for="utp-enabled" title="uTP is a tool for reducing network congestion.">Enable uTP for peer communication</label></div>
+					</div>
+				</div>
+			</div>
+		</div>
+
 		<div id="torrent_inspector" style="display:none;">
 
 			<div style="display:none;" class="inspector_close" id="inspector_close"><img id="inspector_close_image" src="./images/buttons/cancel.png"/></div>
@@ -223,180 +331,6 @@
 			</div>
 		</div>
 
-		<div class="dialog_container" id="prefs_container" style="display:none;">
-			<div class="dialog_top_bar"></div>
-			<div class="dialog_window">
-				<h2 class="dialog_heading">Preferences</h2>
-				<div id="pref_error"></div>
-				<form action="" id="prefs_form">
-					<div id="prefs_tabs">
-						<ul>
-							<li id="prefs-tab-general" class="prefs-tab selected">General</li>
-							<li id="prefs-tab-speed" class="prefs-tab">Speed</li>
-							<li id="prefs-tab-peers" class="prefs-tab">Peers</li>
-							<li id="prefs-tab-network" class="prefs-tab">Network</li>
-						</ul>
-						<div id="prefs-page-general" class="prefs-page">
-							<div class="preference download_location">
-								<label class="category">Add transfers:</label>
-								<div class="formdiv">
-									<label for="download_location" class="item">Download to:</label>
-									<input type="text" name="download_location" id="download_location"/>
-								</div>
-								<div class="formdiv checkbox auto_start">
-									<input type="checkbox" name="auto_start" id="auto_start"/>
-									<label for="auto_start" class="item">Start transfers when added</label>
-								</div>
-							</div>
-							<div class="preference encryption">
-								<label class="category">Encryption:</label>
-								<div class="formdiv checkbox">
-									<input type="checkbox" name="encryption" id="encryption"/>
-									<label for="encryption" class="item">Ignore unencrypted peers</label>
-								</div>
-							</div>
-							<div class="preference web_gui">
-								<label class="category">Web Client:</label>
-								<div class="formdiv">
-									<label for="refresh_rate" class="item">Refresh Rate:</label>
-									<input type="text" name="refresh_rate" id="refresh_rate" class="numberinput"/>
-									<label class="suffix">seconds</label>
-								</div>
-							</div>
-							<div style="clear: both; visibility: hidden;"></div>
-						</div>
-						<div id="prefs-page-speed" class="prefs-page" style="display: none;">
-							<div class="preference limit_total">
-								<label class="category">Speed Limits:</label>
-								<div class="formdiv checkbox">
-									<input type="checkbox" name="limit_download" id="limit_download"/>
-									<label for="limit_download" class="item">Download Rate:</label>
-									<input type="text" name="download_rate" id="download_rate" class="numberinput"/>
-									<label class="suffix">kB/s</label>
-								</div>
-								<div class="formdiv checkbox">
-									<input type="checkbox" name="limit_upload" id="limit_upload"/>
-									<label for="limit_upload" class="item">Upload Rate:</label>
-									<input type="text" name="upload_rate" id="upload_rate" class="numberinput"/>
-									<label class="suffix">kB/s</label>
-								</div>
-							</div>
-							<div class="preference limit_turtle">
-								<label class="category">Temporary Speed Limits: (Turtle)</label>
-								<label>Override normal speed limits manually or at scheduled times</label>
-								<div class="formdiv">
-									<label for="turtle_download_rate" class="item">Download Rate:</label>
-									<input type="text" name="turtle_download_rate" id="turtle_download_rate" class="numberinput"/>
-									<label class="suffix">kB/s</label>
-								</div>
-								<div class="formdiv">
-									<label for="turtle_upload_rate" class="item">Upload Rate:</label>
-									<input type="text" name="turtle_upload_rate" id="turtle_upload_rate" class="numberinput"/>
-									<label class="suffix">kB/s</label>
-								</div>
-								<div class="formdiv checkbox">
-									<input type="checkbox" name="turtle_schedule" id="turtle_schedule"/>
-									<label for="turtle_schedule" class="item">Scheduled times:</label>
-									<select name="turtle_start_time" id="turtle_start_time" size="1">
-									</select>
-									<select name="turtle_end_time" id="turtle_end_time" size="1">
-									</select>
-								</div>
-								<div class="formdiv">
-									<label for="turtle_days" class="item">On days:</label>
-									<select name="turtle_days" id="turtle_days" size="1">
-										<option value="127">Everyday</option>
-										<option value="62">Weekdays</option>
-										<option value="65">Weekends</option>
-										<option value="1">Sunday</option>
-										<option value="2">Monday</option>
-										<option value="4">Tuesday</option>
-										<option value="8">Wednesday</option>
-										<option value="16">Thursday</option>
-										<option value="32">Friday</option>
-										<option value="64">Saturday</option>
-									</select>
-								</div>
-							</div>
-							<div style="clear: both; visibility: hidden;"></div>
-						</div>
-						<div id="prefs-page-peers" class="prefs-page" style="display: none;">
-							<div class="preference peers_conn">
-								<label class="category">Connections:</label>
-								<div class="formdiv">
-									<label for="conn_global" class="item">Global maximum connections:</label>
-									<input type="text" name="conn_global" id="conn_global" class="numberinput"/>
-									<label class="suffix">peers</label>
-								</div>
-								<div class="formdiv">
-									<label for="conn_torrent" class="item">Maximum connections for new transfers:</label>
-									<input type="text" name="conn_torrent" id="conn_torrent" class="numberinput"/>
-									<label class="suffix">peers</label>
-								</div>
-								<div class="formdiv checkbox">
-									<input type="checkbox" name="conn_pex" id="conn_pex"/>
-									<label for="conn_pex" class="item">Use peer exchange (PEX) for public torrents</label>
-								</div>
-								<div class="formdiv checkbox">
-									<input type="checkbox" name="conn_dht" id="conn_dht"/>
-									<label for="conn_dht" class="item">Use distributed hash table (DHT) for public torrents</label>
-								</div>
-								<div class="formdiv checkbox">
-									<input type="checkbox" name="conn_lpd" id="conn_lpd"/>
-									<label for="conn_lpd" class="item">Use local peer discovery for public torrents</label>
-								</div>
-							</div>
-							<div class="preference block_conn">
-								<label class="category">Blocklist:</label>
-								<div class="formdiv checkbox">
-									<input type="checkbox" name="block_enable" id="block_enable"/>
-									<label for="block_enable" class="item">Prevent peers in blocklist from connecting</label>
-								</div>
-								<div class="formdiv block_url">
-									<label for="block_url" class="item">URL:</label>
-									<input type="text" name="block_url" id="block_url"/>
-								</div>
-								<div class="formdiv">
-									<input type="button" name="block_update_button" id="block_update_button" value="Update"/>
-									<label class="suffix" id="block_size">IP rules in the list</label>
-								</div>
-							</div>
-							<div style="clear: both; visibility: hidden;"></div>
-						</div>
-						<div id="prefs-page-network" class="prefs-page" style="display: none;">
-							<div class="preference utp">
-								<label class="category">Peer communication:</label>
-								<div class="formdiv checkbox">
-									<input type="checkbox" name="network_utp" id="network_utp"/>
-									<label for="network_utp" class="item">Enable Micro Transport Protocol (µTP)</label>
-								</div>
-							</div>
-							<div class="preference port">
-								<label class="category">Peer listening port:</label>
-								<div class="formdiv">
-									<label for="port" class="item">Incoming TCP Port:</label>
-									<input type="text" id="port" name="port" class="numberinput"/>
-									<label class="suffix" id="port_test"></label>
-								</div>
-								<div class="formdiv checkbox">
-									<input type="checkbox" name="port_rand" id="port_rand"/>
-									<label for="port_rand" class="item">Randomize port on launch</label>
-								</div>
-								<div class="formdiv checkbox">
-									<input type="checkbox" name="port_forward" id="port_forward"/>
-									<label for="port_forward" class="item">Automatically map port</label>
-								</div>
-							</div>
-							<div style="clear: both; visibility: hidden;"></div>
-						</div>
-					</div>
-					<span id="transmission_version"></span>
-					<a href="#save" id="prefs_save_button">Save</a>
-					<a href="#cancel" id="prefs_cancel_button">Cancel</a>
-				</form>
-			</div>
-		</div>
-
 		<div class="dialog_container" id="stats_container" style="display:none;">
 			<div class="dialog_top_bar"></div>
 			<div class="dialog_window">
@@ -486,19 +420,19 @@
 								<li id="unlimited_download_rate">Unlimited</li>
 								<li id="limited_download_rate">Limit (10 kB/s)</li>
 								<li class="separator"></li>
-								<li>5 kB/s</li>
-								<li>10 kB/s</li>
-								<li>20 kB/s</li>
-								<li>30 kB/s</li>
-								<li>40 kB/s</li>
-								<li>50 kB/s</li>
-								<li>75 kB/s</li>
-								<li>100 kB/s</li>
-								<li>150 kB/s</li>
-								<li>200 kB/s</li>
-								<li>250 kB/s</li>
-								<li>500 kB/s</li>
-								<li>750 kB/s</li>
+								<li class='download-speed'>5 kB/s</li>
+								<li class='download-speed'>10 kB/s</li>
+								<li class='download-speed'>20 kB/s</li>
+								<li class='download-speed'>30 kB/s</li>
+								<li class='download-speed'>40 kB/s</li>
+								<li class='download-speed'>50 kB/s</li>
+								<li class='download-speed'>75 kB/s</li>
+								<li class='download-speed'>100 kB/s</li>
+								<li class='download-speed'>150 kB/s</li>
+								<li class='download-speed'>200 kB/s</li>
+								<li class='download-speed'>250 kB/s</li>
+								<li class='download-speed'>500 kB/s</li>
+								<li class='download-speed'>750 kB/s</li>
 							</ul>
 						</li>
 						<li>Total Upload Rate
@@ -506,31 +440,31 @@
 								<li id="unlimited_upload_rate">Unlimited</li>
 								<li id="limited_upload_rate">Limit (10 kB/s)</li>
 								<li class="separator"></li>
-								<li>5 kB/s</li>
-								<li>10 kB/s</li>
-								<li>20 kB/s</li>
-								<li>30 kB/s</li>
-								<li>40 kB/s</li>
-								<li>50 kB/s</li>
-								<li>75 kB/s</li>
-								<li>100 kB/s</li>
-								<li>150 kB/s</li>
-								<li>200 kB/s</li>
-								<li>250 kB/s</li>
-								<li>500 kB/s</li>
-								<li>750 kB/s</li>
+								<li class='upload-speed'>5 kB/s</li>
+								<li class='upload-speed'>10 kB/s</li>
+								<li class='upload-speed'>20 kB/s</li>
+								<li class='upload-speed'>30 kB/s</li>
+								<li class='upload-speed'>40 kB/s</li>
+								<li class='upload-speed'>50 kB/s</li>
+								<li class='upload-speed'>75 kB/s</li>
+								<li class='upload-speed'>100 kB/s</li>
+								<li class='upload-speed'>150 kB/s</li>
+								<li class='upload-speed'>200 kB/s</li>
+								<li class='upload-speed'>250 kB/s</li>
+								<li class='upload-speed'>500 kB/s</li>
+								<li class='upload-speed'>750 kB/s</li>
 							</ul>
 						</li>
 						<li class="separator"></li>
 						<li>Sort Transfers By
 							<ul id="footer_sort_menu">
-								<li id="sort_by_activity">Activity</li>
-								<li id="sort_by_age">Age</li>
-								<li id="sort_by_name">Name</li>
-								<li id="sort_by_percent_completed">Progress</li>
-								<li id="sort_by_ratio">Ratio</li>
-								<li id="sort_by_queue_order">Queue Order</li>
-								<li id="sort_by_state">State</li>
+								<li class='sort-mode' id="sort_by_activity">Activity</li>
+								<li class='sort-mode' id="sort_by_age">Age</li>
+								<li class='sort-mode' id="sort_by_name">Name</li>
+								<li class='sort-mode' id="sort_by_percent_completed">Progress</li>
+								<li class='sort-mode' id="sort_by_ratio">Ratio</li>
+								<li class='sort-mode' id="sort_by_queue_order">Queue Order</li>
+								<li class='sort-mode' id="sort_by_state">State</li>
 								<li class="separator"></li>
 								<li id="reverse_sort_order">Reverse Sort Order</li>
 							</ul>
@@ -538,6 +472,7 @@
 					</ul>
 				</li>
 			</ul>
+			<div id="prefs-button">&nbsp;</div>
 			<div id="turtle-button">&nbsp;</div>
 			<div id="compact-button">&nbsp;</div>
 		</div>
diff --git a/web/javascript/Makefile.am b/web/javascript/Makefile.am
index c7be4e894..f93ce22b3 100644
--- a/web/javascript/Makefile.am
+++ b/web/javascript/Makefile.am
@@ -6,7 +6,7 @@ dist_data_DATA = \
   file-row.js \
   formatter.js \
   inspector.js \
-  menu.js \
+  prefs-dialog.js \
   remote.js \
   torrent.js \
   torrent-row.js \
diff --git a/web/javascript/common.js b/web/javascript/common.js
index 8ba38d5c2..0a9c6eb91 100644
--- a/web/javascript/common.js
+++ b/web/javascript/common.js
@@ -1,9 +1,8 @@
-/*
- *	Copyright © Dave Perrett and Malcolm Jarvis
- *	This code is licensed under the GPL version 2.
- *	For more details, see http://www.gnu.org/licenses/old-licenses/gpl-2.0.html
+/**
+ * Copyright © Dave Perrett and Malcolm Jarvis
  *
- * Common javascript
+ * This file is licensed under the GPLv2.
+ * http://www.gnu.org/licenses/old-licenses/gpl-2.0.html
  */
 
 var transmission,
@@ -21,6 +20,19 @@ if (!Array.indexOf){
 	}
 }
 
+// http://forum.jquery.com/topic/combining-ui-dialog-and-tabs
+$.fn.tabbedDialog = function (dialog_opts) {
+	this.tabs({selected: 0});
+	this.dialog(dialog_opts);
+	this.find('.ui-tab-dialog-close').append(this.parent().find('.ui-dialog-titlebar-close'));
+	this.find('.ui-tab-dialog-close').css({'position':'absolute','right':'0', 'top':'16px'});
+	this.find('.ui-tab-dialog-close > a').css({'float':'none','padding':'0'});
+	var tabul = this.find('ul:first');
+	this.parent().addClass('ui-tabs').prepend(tabul).draggable('option','handle',tabul); 
+	this.siblings('.ui-dialog-titlebar').remove();
+	tabul.addClass('ui-dialog-titlebar');
+}
+
 $(document).ready(function() {
 	// Initialise the dialog controller
 	dialog = new Dialog();
@@ -58,15 +70,6 @@ $(document).ready(function() {
 	}
 });
 
-/*
- *   Return a copy of the array
- *
- *   @returns array
- */
-Array.prototype.clone = function () {
-	return this.concat();
-};
-
 /**
  * "innerHTML = html" is pretty slow in FF.  Happily a lot of our innerHTML
  * changes are triggered by periodic refreshes on torrents whose state hasn't
@@ -100,27 +103,19 @@ Math.ratio = function(numerator, denominator) {
 	return result;
 };
 
-/*
- *   Truncate a float to a specified number of decimal
- *   places, stripping trailing zeroes
- *
- *   @param float floatnum
- *   @param integer precision
- *   @returns float
- */
-Math.truncateWithPrecision = function(floatnum, precision) {
-	return Math.floor(floatnum * Math.pow (10, precision)) / Math.pow(10, precision);
-};
-
-/*
- *   Round a string of a number to a specified number of decimal
- *   places
+/**
+ * Round a string of a number to a specified number of decimal places
  */
 Number.prototype.toTruncFixed = function(place) {
-	var ret = Math.truncateWithPrecision(this, place);
+	var ret = Math.floor(this * Math.pow (10, place)) / Math.pow(10, place);
 	return ret.toFixed(place);
 }
 
+Number.prototype.toStringWithCommas = function() {
+    return this.toString().replace(/\B(?=(?:\d{3})+(?!\d))/g, ",");
+}
+
+
 /*
  * Trim whitespace from a string
  */
@@ -136,7 +131,6 @@ function Prefs() { }
 Prefs.prototype = { };
 
 Prefs._RefreshRate        = 'refresh_rate';
-Prefs._SessionRefreshRate = 'session_refresh_rate';
 
 Prefs._FilterMode         = 'filter';
 Prefs._FilterAll          = 'all';
@@ -159,7 +153,6 @@ Prefs._SortByProgress     = 'percent_completed';
 Prefs._SortByRatio        = 'ratio';
 Prefs._SortByState        = 'state';
 
-Prefs._TurtleState        = 'turtle-state';
 Prefs._CompactDisplayState= 'compact_display_state';
 
 Prefs._Defaults =
diff --git a/web/javascript/dialog.js b/web/javascript/dialog.js
index 05774d46e..026d54f20 100644
--- a/web/javascript/dialog.js
+++ b/web/javascript/dialog.js
@@ -1,9 +1,8 @@
-/*
- *	Copyright © Dave Perrett and Malcolm Jarvis
- *	This code is licensed under the GPL version 2.
- *	For more details, see http://www.gnu.org/licenses/old-licenses/gpl-2.0.html
+/**
+ * Copyright © Dave Perrett and Malcolm Jarvis
  *
- * Class Dialog
+ * This file is licensed under the GPLv2.
+ * http://www.gnu.org/licenses/old-licenses/gpl-2.0.html
  */
 
 function Dialog(){
diff --git a/web/javascript/file-row.js b/web/javascript/file-row.js
index 057e64f27..fd5469f5a 100644
--- a/web/javascript/file-row.js
+++ b/web/javascript/file-row.js
@@ -1,7 +1,8 @@
-/*
- *   Copyright © Jordan Lee
- *   This code is licensed under the GPL version 2.
- *   <http://www.gnu.org/licenses/old-licenses/gpl-2.0.html>
+/**
+ * Copyright © Mnemosyne LLC
+ *
+ * This file is licensed under the GPLv2.
+ * http://www.gnu.org/licenses/old-licenses/gpl-2.0.html
  */
 
 function FileRow(torrent, i)
diff --git a/web/javascript/formatter.js b/web/javascript/formatter.js
index 10d2bf071..f33ad7d0b 100644
--- a/web/javascript/formatter.js
+++ b/web/javascript/formatter.js
@@ -1,9 +1,9 @@
 /**
-***  This file Copyright (C) Mnemosyne LLC
-***
-***  This code is licensed under the GPL version 2.
-***  For more details, see http://www.gnu.org/licenses/old-licenses/gpl-2.0.html
-**/
+ * Copyright © Mnemosyne LLC
+ *
+ * This file is licensed under the GPLv2.
+ * http://www.gnu.org/licenses/old-licenses/gpl-2.0.html
+ */
 
 Transmission.fmt = (function()
 {
diff --git a/web/javascript/inspector.js b/web/javascript/inspector.js
index 06d991e00..e95bbc44a 100644
--- a/web/javascript/inspector.js
+++ b/web/javascript/inspector.js
@@ -1,7 +1,8 @@
-/*
+/**
  * Copyright © Jordan Lee, Dave Perrett, Malcolm Jarvis and Bruno Bierbaumer
- * This code is licensed under the GPL version 2.
- * For details, see http://www.gnu.org/licenses/old-licenses/gpl-2.0.html
+ *
+ * This file is licensed under the GPLv2.
+ * http://www.gnu.org/licenses/old-licenses/gpl-2.0.html
  */
 
 function Inspector(controller) {
diff --git a/web/javascript/menu.js b/web/javascript/menu.js
deleted file mode 100644
index c156dd23b..000000000
--- a/web/javascript/menu.js
+++ /dev/null
@@ -1,45 +0,0 @@
-/*
- *	Copyright © Dave Perrett and Malcolm Jarvis
- *	This code is licensed under the GPL version 2.
- *	For more details, see http://www.gnu.org/licenses/old-licenses/gpl-2.0.html
- *
- * Menu Configuration Properties
- */
-
-Menu = {
-
-	context: {
-
-		menu_style: {
-			width: '310px',
-			backgroundColor: '#fff',
-			border: 'none',
-			padding: '5px 0',
-			textAlign: 'left'},
-
-		item_style: {
-			backgroundColor: 'transparent',
-			margin: '0',
-			padding: '0 10px 2px 20px',
-			color: '#000',
-			fontSize: '14px',
-			cursor: 'default',
-			border: 'none'},
-
-		item_hover_style: {
-			backgroundColor: '#24e',
-			color: '#fff',
-			border: 'none'},
-
-		item_disabled_style: {
-			backgroundColor: 'transparent',
-			margin: '0',
-			padding: '0 10px 2px 20px',
-			color: '#aaa',
-			fontSize: '1.5em',
-			cursor: 'default',
-			border: 'none'}
-	}
-
-
-}
diff --git a/web/javascript/prefs-dialog.js b/web/javascript/prefs-dialog.js
new file mode 100644
index 000000000..22fca0167
--- /dev/null
+++ b/web/javascript/prefs-dialog.js
@@ -0,0 +1,309 @@
+/**
+ * Copyright © Jordan Lee, Dave Perrett, Malcolm Jarvis and Bruno Bierbaumer
+ *
+ * This file is licensed under the GPLv2.
+ * http://www.gnu.org/licenses/old-licenses/gpl-2.0.html
+ */
+
+function PrefsDialog(remote) {
+
+    var data = {
+        dialog: null,
+        remote: null,
+        elements: { },
+
+        // all the RPC session keys that we have gui controls for
+        keys: [
+            'alt-speed-down',
+            'alt-speed-time-begin',
+            'alt-speed-time-day',
+            'alt-speed-time-enabled',
+            'alt-speed-time-end',
+            'alt-speed-up',
+            'blocklist-enabled',
+            'blocklist-size',
+            'blocklist-url',
+            'dht-enabled',
+            'download-dir',
+            'encryption',
+            'idle-seeding-limit',
+            'idle-seeding-limit-enabled',
+            'lpd-enabled',
+            'peer-limit-global',
+            'peer-limit-per-torrent',
+            'peer-port',
+            'peer-port-random-on-start',
+            'pex-enabled',
+            'port-forwarding-enabled',
+            'rename-partial-files',
+            'seedRatioLimit',
+            'seedRatioLimited',
+            'speed-limit-down',
+            'speed-limit-down-enabled',
+            'speed-limit-up',
+            'speed-limit-up-enabled',
+            'start-added-torrents',
+            'utp-enabled'
+        ],
+
+        // map of keys that are enabled only if a 'parent' key is enabled
+        groups: {
+            'alt-speed-time-enabled': ['alt-speed-time-begin',
+                                       'alt-speed-time-day',
+                                       'alt-speed-time-end' ],
+            'blocklist-enabled': ['blocklist-url',
+                                  'blocklist-update-button' ],
+            'idle-seeding-limit-enabled': [ 'idle-seeding-limit' ],
+            'seedRatioLimited': [ 'seedRatioLimit' ],
+            'speed-limit-down-enabled': [ 'speed-limit-down' ],
+            'speed-limit-up-enabled': [ 'speed-limit-up' ]
+        }
+    },
+
+    initTimeDropDown = function(e)
+    {
+        var i, hour, mins, value, content;
+
+        for (i=0; i<24*4; ++i) {
+            hour = parseInt(i/4, 10);
+            mins = ((i%4) * 15);
+            value = i * 15;
+            content = hour + ':' + (mins || '00');
+            e.options[i] = new Option(content, value);
+        }
+    },
+
+    onPortChecked = function(response)
+    {
+        var is_open = response['arguments']['port-is-open'],
+            text = 'Port is <b>' + (is_open ? 'Open' : 'Closed') + '</b>',
+            e = data.elements.root.find('#port-label');
+        setInnerHTML(e[0],text);
+    },
+
+    setGroupEnabled = function(parent_key, enabled)
+    {
+        var i, key, keys, root;
+
+        if (parent_key in data.groups)
+        {
+            root = data.elements.root,
+            keys = data.groups[parent_key];
+
+            for (i=0; key=keys[i]; ++i)
+                root.find('#'+key).attr('disabled',!enabled);
+        }
+    },
+
+    onBlocklistUpdateClicked = function ()
+    {
+        data.remote.updateBlocklist();
+        setBlocklistButtonEnabled(false);
+    },
+    setBlocklistButtonEnabled = function(b)
+    {
+        var e = data.elements.blocklist_button;
+        e.attr('disabled',!b);
+        e.val(b ? 'Update' : 'Updating...');
+    },
+
+    getValue = function(e)
+    {
+        var str;
+
+        switch (e[0].type)
+        {
+            case 'checkbox':
+            case 'radio':
+                return e.prop('checked');
+
+            case 'text':
+            case 'select-one':
+                str = e.val();
+                if( parseInt(str,10).toString() === str)
+                    return parseInt(str,10);
+                if( parseFloat(str).toString() === str)
+                    return parseFloat(str);
+                return str;
+
+            default:
+                return null;
+        }
+    },
+
+    /* this callback is for controls whose changes can be applied
+       immediately, like checkboxs, radioboxes, and selects */
+    onControlChanged = function(ev)
+    {
+        var o = {};
+        o[ev.target.id] = getValue($(ev.target));
+        data.remote.savePrefs(o);
+    },
+        
+    /* these two callbacks are for controls whose changes can't be applied
+       immediately -- like a text entry field -- because it takes many
+       change events for the user to get to the desired result */
+    onControlFocused  = function(ev)
+    {
+        data.oldValue = getValue($(ev.target));
+    },
+    onControlBlurred  = function(ev)
+    {
+        var newValue = getValue($(ev.target));
+        if (newValue !== data.oldValue)
+        {
+            var o = {};
+            o[ev.target.id] = newValue;
+            data.remote.savePrefs(o);
+            delete data.oldValue;
+        }
+    },
+
+    getDefaultMobileOptions = function()
+    {
+        return {
+            width: $(window).width(),
+            height: $(window).height(),
+            position: [ 'left', 'top' ],
+            resizable: false,
+            draggable: false
+        };
+    },
+
+    initialize = function (remote)
+    {
+        var i, key, e, o;
+
+        data.remote = remote;
+
+        e = $('#prefs-dialog');
+        data.elements.root = e;
+
+        initTimeDropDown(e.find('#alt-speed-time-begin')[0]);
+        initTimeDropDown(e.find('#alt-speed-time-end')[0]);
+
+        o = isMobileDevice
+          ? getDefaultMobileOptions()
+          : { width: 350, height: 400 };
+        o.autoOpen = false;
+        o.show = 'fade';
+        o.hide = 'fade';
+        o.close = onDialogClosed;
+        e.tabbedDialog(o);
+
+        e = e.find('#blocklist-update-button');
+        data.elements.blocklist_button = e;
+        e.click(onBlocklistUpdateClicked);
+
+        // listen for user input
+        for (i=0; key=data.keys[i]; ++i)
+        {
+            e = data.elements.root.find('#'+key);
+            switch (e[0].type)
+            {
+                case 'checkbox':
+                case 'radio':
+                case 'select-one':
+                    e.change(onControlChanged);
+                    break;
+
+                case 'text':
+                    e.focus(onControlFocused);
+                    e.blur(onControlBlurred);
+
+                default:
+                    break;
+            }
+        }
+
+        // handle orientation changes...
+        var supportsOrientationChange = 'onorientationchange' in window,
+            orientationEvent = supportsOrientationChange ? 'orientationchange' : 'resize';
+        $('body').bind(orientationEvent, function() {
+            data.elements.root.dialog('option',getDefaultMobileOptions());
+        });
+    },
+
+    getValues = function()
+    {
+        var i, key, val, o={},
+            keys = data.keys,
+            root = data.elements.root;
+
+        for (i=0; key=keys[i]; ++i) {
+            val = getValue(root.find('#'+key));
+            if (val !== null)
+                o[key] = val;
+        }
+
+        return o;
+    },
+
+    onDialogClosed = function()
+    {
+        window.scrollTo(0,1);
+        $(data.dialog).trigger('closed', getValues());
+    };
+
+    /****
+    *****  PUBLIC FUNCTIONS
+    ****/
+
+    // update the dialog's controls
+    this.set = function (o)
+    {
+        var e, i, key, val, option,
+            keys = data.keys,
+            root = data.elements.root;
+
+        setBlocklistButtonEnabled(true);
+
+        for (i=0; key=keys[i]; ++i)
+        {
+            val = o[key];
+            e = root.find('#'+key);
+
+            if (key === 'blocklist-size')
+            {
+                // special case -- regular text area
+                e.text('' + val.toStringWithCommas());
+            }
+            else switch (e[0].type)
+            {
+                case 'checkbox':
+                case 'radio':
+                    e.prop('checked', val);
+                    setGroupEnabled(key, val);
+                    break;
+                case 'text':
+                    // don't change the text if the user's editing it.
+                    // it's very annoying when that happens!
+                    if (e[0] !== document.activeElement)
+                        e.val(val);
+                    break;
+                case 'select-one':
+                    e.val(val);
+                    break;
+                default:
+                    break;
+            }
+        }
+    };
+
+    this.show = function ()
+    {
+        window.scrollTo(0,1);
+
+        setBlocklistButtonEnabled(true);
+        data.remote.checkPort(onPortChecked,this);
+        data.elements.root.dialog('open');
+    };
+
+    this.shouldAddedTorrentsStart = function()
+    {
+        return data.elements.root.find('#start-added-torrents')[0].checked;
+    };
+
+    data.dialog = this;
+    initialize (remote);
+};
diff --git a/web/javascript/remote.js b/web/javascript/remote.js
index 829ddc793..3c048d25b 100644
--- a/web/javascript/remote.js
+++ b/web/javascript/remote.js
@@ -1,46 +1,24 @@
-/*
- * Copyright © Dave Perrett, Malcolm Jarvis and Bruno Bierbaumer
- * This code is licensed under the GPL version 2.
- * For details, see http://www.gnu.org/licenses/old-licenses/gpl-2.0.html
+/**
+ * Copyright © Jordan Lee, Dave Perrett, Malcolm Jarvis and Bruno Bierbaumer
  *
- * Class TransmissionRemote
+ * This file is licensed under the GPLv2.
+ * http://www.gnu.org/licenses/old-licenses/gpl-2.0.html
  */
 
 var RPC = {
-	_Root                   : '../rpc',
 	_DaemonVersion          : 'version',
-	_Encryption             : 'encryption',
-	_EncryptionPreferred    : 'preferred',
-	_EncryptionRequired     : 'required',
-	_UpSpeedLimit           : 'speed-limit-up',
 	_DownSpeedLimit         : 'speed-limit-down',
-	_DownloadDir            : 'download-dir',
-	_PeerPort               : 'peer-port',
-	_UpSpeedLimited         : 'speed-limit-up-enabled',
 	_DownSpeedLimited       : 'speed-limit-down-enabled',
-	_TurtleState            : 'alt-speed-enabled',
-	_TurtleUpSpeedLimit     : 'alt-speed-up',
-	_TurtleDownSpeedLimit   : 'alt-speed-down',
-	_TurtleTimeEnabled      : 'alt-speed-time-enabled',
-	_TurtleTimeBegin        : 'alt-speed-time-begin',
-	_TurtleTimeEnd          : 'alt-speed-time-end',
-	_TurtleTimeDay          : 'alt-speed-time-day',
-	_PeerLimitGlobal        : 'peer-limit-global',
-	_PeerLimitPerTorrent    : 'peer-limit-per-torrent',
-	_PexEnabled             : 'pex-enabled',
-	_DhtEnabled             : 'dht-enabled',
-	_LpdEnabled             : 'lpd-enabled',
-	_BlocklistEnabled       : 'blocklist-enabled',
-	_BlocklistURL           : 'blocklist-url',
-	_BlocklistSize          : 'blocklist-size',
-	_UtpEnabled             : 'utp-enabled',
-	_PeerPortRandom         : 'peer-port-random-on-start',
-	_PortForwardingEnabled  : 'port-forwarding-enabled',
-	_StartAddedTorrent      : 'start-added-torrents',
 	_QueueMoveTop           : 'queue-move-top',
 	_QueueMoveBottom        : 'queue-move-bottom',
 	_QueueMoveUp            : 'queue-move-up',
-	_QueueMoveDown          : 'queue-move-down'
+	_QueueMoveDown          : 'queue-move-down',
+	_Root                   : '../rpc',
+	_TurtleDownSpeedLimit   : 'alt-speed-down',
+	_TurtleState            : 'alt-speed-enabled',
+	_TurtleUpSpeedLimit     : 'alt-speed-up',
+	_UpSpeedLimit           : 'speed-limit-up',
+	_UpSpeedLimited         : 'speed-limit-up-enabled'
 };
 
 function TransmissionRemote(controller)
diff --git a/web/javascript/torrent-row.js b/web/javascript/torrent-row.js
index 34b6e21a0..7ca5ef365 100644
--- a/web/javascript/torrent-row.js
+++ b/web/javascript/torrent-row.js
@@ -1,14 +1,10 @@
-/*
- *   Copyright © Jordan Lee
- *   This code is licensed under the GPL version 2.
- *   <http://www.gnu.org/licenses/old-licenses/gpl-2.0.html>
+/**
+ * Copyright © Mnemosyne LLC
+ *
+ * This file is licensed under the GPLv2.
+ * http://www.gnu.org/licenses/old-licenses/gpl-2.0.html
  */
 
-/****
-*****
-*****
-****/
-
 function TorrentRendererHelper()
 {
 }
diff --git a/web/javascript/torrent.js b/web/javascript/torrent.js
index 11553d771..87174f9c1 100644
--- a/web/javascript/torrent.js
+++ b/web/javascript/torrent.js
@@ -1,12 +1,10 @@
-/*
- *	Copyright © Jordan Lee, Dave Perrett and Malcolm Jarvis
- *	This code is licensed under the GPL version 2.
- *	For details, see http://www.gnu.org/licenses/old-licenses/gpl-2.0.html
+/**
+ * Copyright © Mnemosyne LLC
  *
- *	Class Torrent
+ * This file is licensed under the GPLv2.
+ * http://www.gnu.org/licenses/old-licenses/gpl-2.0.html
  */
 
-
 function Torrent(data)
 {
 	this.initialize(data);
diff --git a/web/javascript/transmission.js b/web/javascript/transmission.js
index 865c18f49..4c9fec8be 100644
--- a/web/javascript/transmission.js
+++ b/web/javascript/transmission.js
@@ -1,9 +1,8 @@
-/*
- *	Copyright © Dave Perrett, Malcolm Jarvis and Bruno Bierbaumer
- *	This code is licensed under the GPL version 2.
- *	For details, see http://www.gnu.org/licenses/old-licenses/gpl-2.0.html
+/**
+ * Copyright © Jordan Lee, Dave Perrett, Malcolm Jarvis and Bruno Bierbaumer
  *
- * Class Transmission
+ * This file is licensed under the GPLv2.
+ * http://www.gnu.org/licenses/old-licenses/gpl-2.0.html
  */
 
 function Transmission()
@@ -21,9 +20,13 @@ Transmission.prototype =
 
 	initialize: function()
 	{
+		var e;
+
 		// Initialize the helper classes
 		this.remote = new TransmissionRemote(this);
 		this.inspector = new Inspector(this, this.remote);
+		this.prefsDialog = new PrefsDialog(this.remote);
+		this.isMenuEnabled = !isMobileDevice;
 
 		// Initialize the implementation fields
 		this.filterText    = '';
@@ -37,66 +40,63 @@ Transmission.prototype =
 		this.preloadImages();
 
 		// Set up user events
-		var tr = this;
 		$(".numberinput").forceNumeric();
-		$('#pause_all_link').click(function(e) { tr.stopAllClicked(e); });
-		$('#resume_all_link').click(function(e) { tr.startAllClicked(e); });
-		$('#pause_selected_link').click(function(e) { tr.stopSelectedClicked(e); });
-		$('#resume_selected_link').click(function(e) { tr.startSelectedClicked(e); });
-		$('#remove_link').click(function(e) { tr.removeClicked(e); });
-		$('#prefs_save_button').click(function(e) { tr.savePrefsClicked(e); return false;});
-		$('#prefs_cancel_button').click(function() { tr.hidePrefsDialog(); return false; });
-		$('#block_update_button').click(function() { tr.remote.updateBlocklist(); return false; });
-		$('#stats_close_button').click(function() { tr.hideStatsDialog(); return false; });
-		$('#open_link').click(function(e) { tr.openTorrentClicked(e); });
-		$('#upload_confirm_button').click(function(e) { tr.confirmUploadClicked(e); return false;});
-		$('#upload_cancel_button').click(function() { tr.hideUploadDialog(); return false; });
-		$('#turtle-button').click(function() { tr.toggleTurtleClicked(); });
-		$('#compact-button').click(function() { tr.toggleCompactClicked(); });
-		$('#prefs-tab-general').click(function() { tr.selectPrefsTab('general'); });
-		$('#prefs-tab-speed').click(function() { tr.selectPrefsTab('speed'); });
-		$('#prefs-tab-peers').click(function() { tr.selectPrefsTab('peers'); });
-		$('#prefs-tab-network').click(function() { tr.selectPrefsTab('network'); });
-		$('#torrent_upload_form').submit(function() { $('#upload_confirm_button').click(); return false; });
-		$('#torrent_container').bind('dragover', function(e) { return tr.dragenter(e); });
-		$('#torrent_container').bind('dragenter', function(e) { return tr.dragenter(e); });
-		$('#torrent_container').bind('drop', function(e) { return tr.drop(e); });
+		$('#pause_all_link').click($.proxy(this.stopAllClicked,this));
+		$('#resume_all_link').click($.proxy(this.startAllClicked,this));
+		$('#pause_selected_link').click($.proxy(this.stopSelectedClicked,this));
+		$('#resume_selected_link').click($.proxy(this.startSelectedClicked,this));
+		$('#remove_link').click($.proxy(this.removeClicked,this));
+		$('#stats_close_button').click($.proxy(this.hideStatsDialog,this));
+		$('#open_link').click($.proxy(this.openTorrentClicked,this));
+
+		$('#prefs-button').click($.proxy(this.showPrefsDialog,this));
+
+		$('#upload_confirm_button').click($.proxy(this.confirmUploadClicked,this));
+		$('#upload_cancel_button').click($.proxy(this.hideUploadDialog,this));
+		$('#turtle-button').click($.proxy(this.toggleTurtleClicked,this));
+		$('#compact-button').click($.proxy(this.toggleCompactClicked,this));
+		$('#torrent_container').bind('dragover', $.proxy(this.dragenter,this));
+		$('#torrent_container').bind('dragenter', $.proxy(this.dragenter,this));
+		$('#torrent_container').bind('drop', $.proxy(this.drop,this));
+
 		// tell jQuery to copy the dataTransfer property from events over if it exists
 		jQuery.event.props.push("dataTransfer");
 
 		$('#torrent_upload_form').submit(function() { $('#upload_confirm_button').click(); return false; });
 
 		if (isMobileDevice) {
-			$('#inspector_close').bind('click', function() { tr.setInspectorVisible(false); });
-			$('#preferences_link').bind('click', function(e) { tr.releaseClutchPreferencesButton(e); });
+			$('#inspector_close').click($.proxy(this.toggleInspector,this));
 		} else {
-			$(document).bind('keydown', function(e) { return tr.keyDown(e); });
-			$(document).bind('keyup', function(e) { tr.keyUp(e); });
-			$(document).delegate('#torrent_container', 'click', function() { tr.deselectAll(); });
-			$('#inspector_link').click(function(e) { tr.toggleInspector(); });
+			$(document).bind('keydown', $.proxy(this.keyDown,this) );
+			$(document).bind('keyup', $.proxy(this.keyUp, this) );
+			$('#torrent_container').click( $.proxy(this.deselectAll,this) );
+			$('#inspector_link').click( $.proxy(this.toggleInspector,this) );
 
 			this.setupSearchBox();
 			this.createContextMenu();
-			this.createSettingsMenu();
 		}
-		this.initTurtleDropDowns();
-
-		this._torrent_list             = $('#torrent_list')[0];
-		this._toolbar_buttons          = $('#toolbar ul li');
-		this._toolbar_pause_button     = $('#toolbar #pause_selected')[0];
-		this._toolbar_pause_all_button = $('#toolbar #pause_all')[0];
-		this._toolbar_start_button     = $('#toolbar #resume_selected')[0];
-		this._toolbar_start_all_button = $('#toolbar #resume_all')[0];
-		this._toolbar_remove_button    = $('#toolbar #remove')[0];
-		this._context_pause_button     = $('li#context_pause_selected')[0];
-		this._context_start_button     = $('li#context_resume_selected')[0];
-		this._context_start_now_button = $('li#context_resume_now_selected')[0];
-		this._context_move_top         = $('li#context_move_top')[0];
-		this._context_move_up          = $('li#context_move_up')[0];
-		this._context_move_down        = $('li#context_move_down')[0];
-		this._context_move_bottom      = $('li#context_move_bottom')[0];
-
-		// Setup the prefs gui
+
+		if (this.isMenuEnabled)
+			this.createSettingsMenu();
+ 
+		e = {};
+		e.torrent_list              = $('#torrent_list')[0];
+		e.toolbar_buttons           = $('#toolbar ul li');
+		e.toolbar_pause_button      = $('#toolbar #pause_selected')[0];
+		e.toolbar_pause_all_button  = $('#toolbar #pause_all')[0];
+		e.toolbar_start_button      = $('#toolbar #resume_selected')[0];
+		e.toolbar_start_all_button  = $('#toolbar #resume_all')[0];
+		e.toolbar_remove_button     = $('#toolbar #remove')[0];
+		e.context_pause_button      = $('li#context_pause_selected')[0];
+		e.context_start_button      = $('li#context_resume_selected')[0];
+		e.context_start_now_button  = $('li#context_resume_now_selected')[0];
+		e.context_move_top          = $('li#context_move_top')[0];
+		e.context_move_up           = $('li#context_move_up')[0];
+		e.context_move_down         = $('li#context_move_down')[0];
+		e.context_move_bottom       = $('li#context_move_bottom')[0];
+		this.elements = e;
+
+		// Apply the prefs settings to the gui
 		this.initializeSettings();
 
 		// Get preferences & torrents from the daemon
@@ -110,16 +110,11 @@ Transmission.prototype =
 		this.filterSetup();
 	},
 
-	selectPrefsTab: function(name) {
-		$('#prefs-tab-'+name).addClass('selected').siblings('.prefs-tab').removeClass('selected');
-		$('#prefs-page-'+name).show().siblings('.prefs-page').hide();
-	},
-
 	loadDaemonPrefs: function(async) {
 		this.remote.loadDaemonPrefs(function(data) {
 			var o = data['arguments'];
 			Prefs.getClutchPrefs(o);
-			this.updatePrefs(o);
+			this.updateGuiFromSession(o);
 		}, this, async);
 	},
 
@@ -128,12 +123,6 @@ Transmission.prototype =
 			this.updateStats(data['arguments']);
 		}, this, async);
 	},
-	checkPort: function(async) {
-		$('#port_test').text('checking ...');
-		this.remote.checkPort(function(data) {
-			this.updatePortStatus(data['arguments']);
-		}, this, async);
-	},
 
 	preloadImages: function() {
 		if (isMobileDevice) {
@@ -175,11 +164,7 @@ Transmission.prototype =
 	{
 		Prefs.getClutchPrefs(this);
 
-		// iPhone conditions in the section allow us to not
-		// include transmenu js to save some bandwidth; if we
-		// start using prefs on mobile devices we need to weed
-		// transmenu refs out of that too.
-		if (!isMobileDevice)
+		if (this.isMenuEnabled)
 		{
 			$('#sort_by_' + this[Prefs._SortMethod]).selectMenuItem();
 
@@ -219,7 +204,7 @@ Transmission.prototype =
 		}
 	},
 
-	/*
+	/**
 	 * Create the torrent right-click menu
 	 */
 	createContextMenu: function() {
@@ -241,13 +226,13 @@ Transmission.prototype =
 			context_move_bottom:          function() { tr.moveBottom(); }
 		};
 
-		// Setup the context menu
+		// Set up the context menu
 		$('ul#torrent_list').contextMenu('torrent_context_menu', {
 			bindings:          bindings,
-			menuStyle:         Menu.context.menu_style,
-			itemStyle:         Menu.context.item_style,
-			itemHoverStyle:    Menu.context.item_hover_style,
-			itemDisabledStyle: Menu.context.item_disabled_style,
+			menuStyle:         { width: '310px', backgroundColor: '#fff', border: 'none', padding: '5px 0', textAlign: 'left' },
+			itemStyle:         { backgroundColor: 'transparent', margin: '0', padding: '3px 10px 3px 20px', color: '#000', cursor: 'default', border: 'none'},
+			itemHoverStyle:    { backgroundColor: '#24e', color: '#fff', border: 'none'},
+			itemDisabledStyle: { backgroundColor: 'transparent', margin: '0', padding: '3px 10px 3px 20px', color: '#aaa', cursor: 'default', border: 'none'},
 			shadow:            false,
 			boundingElement:   $('div#torrent_container'),
 			boundingRightPad:  20,
@@ -269,7 +254,7 @@ Transmission.prototype =
 		$('#settings_menu').transMenu({
 			selected_char: '&#x2714;',
 			direction: 'up',
-			onClick: $.proxy(this.processSettingsMenuEvent,this)
+			onClick: $.proxy(this.onMenuClicked,this)
 		});
 
 		$('#unlimited_download_rate').selectMenuItem();
@@ -277,22 +262,6 @@ Transmission.prototype =
 	},
 
 
-	initTurtleDropDowns: function() {
-		var i, hour, mins, start, end, value, content;
-		// Build the list of times
-		start = $('#turtle_start_time')[0];
-		end = $('#turtle_end_time')[0];
-		for (i = 0; i < 24 * 4; i++) {
-			hour = parseInt(i / 4, 10);
-			mins = ((i % 4) * 15);
-
-			value = (i * 15);
-			content = hour + ":" + (mins || '00');
-			start.options[i] = new Option(content, value);
-			end.options[i]  = new Option(content, value);
-		}
-	},
-
 	/****
 	*****
 	*****  UTILITIES
@@ -360,7 +329,7 @@ Transmission.prototype =
 	},
 
 	setSelectedRow: function(row) {
-		$(this._torrent_list).children('.selected').removeClass('selected');
+		$(this.elements.torrent_list).children('.selected').removeClass('selected');
 		this.selectRow(row);
 	},
 
@@ -375,11 +344,11 @@ Transmission.prototype =
 	},
 
 	selectAll: function() {
-		$(this._torrent_list).children().addClass('selected');
+		$(this.elements.torrent_list).children().addClass('selected');
 		this.callSelectionChangedSoon();
 	},
 	deselectAll: function() {
-		$(this._torrent_list).children('.selected').removeClass('selected');
+		$(this.elements.torrent_list).children('.selected').removeClass('selected');
 		this.callSelectionChangedSoon();
 		delete this._last_torrent_clicked;
 	},
@@ -578,7 +547,7 @@ Transmission.prototype =
 				break;
 			}
 		}
-		var paused = $('#prefs_form #auto_start')[0].checked;
+		var paused = this.shouldAddedTorrentsStart();
 		for (i = 0; i < uris.length; ++i) {
 			var uri = uris[i];
 			if (/^#/.test(uri)) {
@@ -604,54 +573,6 @@ Transmission.prototype =
 		this.hideUploadDialog();
 	},
 
-	savePrefsClicked: function()
-	{
-		// handle the clutch prefs locally
-		var rate = parseInt ($('#prefs_form #refresh_rate')[0].value, 10);
-		if (rate != this[Prefs._RefreshRate])
-			this.setPref (Prefs._RefreshRate, rate);
-
-		var up_bytes        = parseInt($('#prefs_form #upload_rate').val(), 10),
-		    dn_bytes        = parseInt($('#prefs_form #download_rate').val(), 10),
-		    turtle_up_bytes = parseInt($('#prefs_form #turtle_upload_rate').val(), 10),
-		    turtle_dn_bytes = parseInt($('#prefs_form #turtle_download_rate').val(), 10);
-
-		// pass the new prefs upstream to the RPC server
-		var o = { };
-		o[RPC._StartAddedTorrent]    = $('#prefs_form #auto_start')[0].checked;
-		o[RPC._PeerPort]             = parseInt($('#prefs_form #port').val(), 10);
-		o[RPC._UpSpeedLimit]         = up_bytes;
-		o[RPC._DownSpeedLimit]       = dn_bytes;
-		o[RPC._DownloadDir]          = $('#prefs_form #download_location').val();
-		o[RPC._UpSpeedLimited]       = $('#prefs_form #limit_upload').prop('checked');
-		o[RPC._DownSpeedLimited]     = $('#prefs_form #limit_download').prop('checked');
-		o[RPC._Encryption]           = $('#prefs_form #encryption').prop('checked')
-		                                   ? RPC._EncryptionRequired
-		                                   : RPC._EncryptionPreferred;
-		o[RPC._TurtleDownSpeedLimit] = turtle_dn_bytes;
-		o[RPC._TurtleUpSpeedLimit]   = turtle_up_bytes;
-		o[RPC._TurtleTimeEnabled]    = $('#prefs_form #turtle_schedule').prop('checked');
-		o[RPC._TurtleTimeBegin]      = parseInt($('#prefs_form #turtle_start_time').val(), 10);
-		o[RPC._TurtleTimeEnd]        = parseInt($('#prefs_form #turtle_end_time').val(), 10);
-		o[RPC._TurtleTimeDay]        = parseInt($('#prefs_form #turtle_days').val(), 10);
-
-
-		o[RPC._PeerLimitGlobal]      = parseInt($('#prefs_form #conn_global').val(), 10);
-		o[RPC._PeerLimitPerTorrent]  = parseInt($('#prefs_form #conn_torrent').val(), 10);
-		o[RPC._PexEnabled]           = $('#prefs_form #conn_pex').prop('checked');
-		o[RPC._DhtEnabled]           = $('#prefs_form #conn_dht').prop('checked');
-		o[RPC._LpdEnabled]           = $('#prefs_form #conn_lpd').prop('checked');
-		o[RPC._BlocklistEnabled]     = $('#prefs_form #block_enable').prop('checked');
-		o[RPC._BlocklistURL]         = $('#prefs_form #block_url').val();
-		o[RPC._UtpEnabled]           = $('#prefs_form #network_utp').prop('checked');
-		o[RPC._PeerPortRandom]       = $('#prefs_form #port_rand').prop('checked');
-		o[RPC._PortForwardingEnabled]= $('#prefs_form #port_forward').prop('checked');
-
-		this.remote.savePrefs(o);
-
-		this.hidePrefsDialog();
-	},
-
 	removeClicked: function(ev) {
 		if (this.isButtonEnabled(ev)) {
 			this.removeSelectedTorrents();
@@ -659,30 +580,14 @@ Transmission.prototype =
 		}
 	},
 
-	/*
-	 * 'Clutch Preferences' was clicked (isMobileDevice only)
-	 */
-	releaseClutchPreferencesButton: function() {
-		$('div#prefs_container div#pref_error').hide();
-		$('div#prefs_container h2.dialog_heading').show();
-		this.showPrefsDialog();
-	},
-
-	getIntervalMsec: function(key, min)
-	{
-		var interval = this[key];
-		if (!interval || (interval < min))
-			interval = min;
-		return interval * 1000;
-	},
-
-	/* Turn the periodic ajax session refresh on & off */
 	togglePeriodicSessionRefresh: function(enabled) {
+		/* Turn the periodic ajax session refresh on & off */
 		clearInterval(this.sessionInterval);
 		delete this.sessionInterval;
 		if (enabled) {
-			var msec = this.getIntervalMsec(Prefs._SessionRefreshRate, 5);
-			this.sessionInterval = setInterval($.proxy(this.loadDaemonPrefs,this), msec);
+		        var callback = $.proxy(this.loadDaemonPrefs,this),
+			    msec = 8000;
+			this.sessionInterval = setInterval(callback, msec);
 		}
 	},
 
@@ -691,31 +596,17 @@ Transmission.prototype =
 		clearInterval(this.statsInterval);
 		delete this.statsInterval;
 		if (enabled) {
-			var msec = this.getIntervalMsec(Prefs._SessionRefreshRate, 5);
-			this.statsInterval = setInterval($.proxy(this.loadDaemonStats,this), msec);
+			var callback = $.proxy(this.loadDaemonStats,this),
+                            msec = 5000;
+			this.statsInterval = setInterval(callback, msec);
 		}
 	},
 
 	toggleTurtleClicked: function()
 	{
-		// toggle it
-		var p = Prefs._TurtleState;
-		this[p] = !this[p];
-
-		// send it to the session
-		var args = { };
-		args[RPC._TurtleState] = this[p];
-		this.remote.savePrefs(args);
-	},
-
-	updateTurtleButton: function() {
-		var enabled = this[Prefs._TurtleState],
-		    w = $('#turtle-button'),
-		    t = [ 'Click to ', (enabled?'disable':'enable'), ' Temporary Speed Limits',
-		          '(', Transmission.fmt.speed(this._prefs[RPC._TurtleUpSpeedLimit]), 'up,',
-		               Transmission.fmt.speed(this._prefs[RPC._TurtleDownSpeedLimit]), 'down)' ];
-		w.toggleClass('enabled',enabled);
-		w.attr('title', t.join(' '));
+		var o = {};
+		o[RPC._TurtleState] = !$('#turtle-button').hasClass('enabled');
+		this.remote.savePrefs(o);
 	},
 
 	/*--------------------------------------------
@@ -724,99 +615,13 @@ Transmission.prototype =
 	 *
 	 *--------------------------------------------*/
 
-	showPrefsDialog: function() {
-		this.checkPort(true);
-		$('body').addClass('prefs_showing');
-		$('#prefs_container').fadeIn();
-		this.hideMobileAddressbar();
-		this.updateButtonStates();
-		this.togglePeriodicSessionRefresh(false);
-	},
-
-	hidePrefsDialog: function()
+	showPrefsDialog: function()
 	{
-		$('body.prefs_showing').removeClass('prefs_showing');
-		if (isMobileDevice)
-			this.hideMobileAddressbar();
-		$('#prefs_container').fadeOut();
-		this.updateButtonStates();
-		this.togglePeriodicSessionRefresh(true);
-	},
-
-	/*
-	 * Process got some new session data from the server
-	 */
-	updatePrefs: function(p)
-	{
-		// remember them for later
-		this._prefs = p;
-
-		var up_limited        = p[RPC._UpSpeedLimited];
-		var dn_limited        = p[RPC._DownSpeedLimited];
-		var up_limit_k        = p[RPC._UpSpeedLimit];
-		var dn_limit_k        = p[RPC._DownSpeedLimit];
-		var turtle_up_limit_k = p[RPC._TurtleUpSpeedLimit];
-		var turtle_dn_limit_k = p[RPC._TurtleDownSpeedLimit];
-
-		if (p.units)
-			Transmission.fmt.updateUnits(p.units);
-
-		$('div.download_location input').val(      p[RPC._DownloadDir]);
-		$('div.port input').val(                   p[RPC._PeerPort]);
-		$('div.auto_start input').prop('checked',  p[RPC._StartAddedTorrent]);
-		$('input#limit_download').prop('checked',  dn_limited);
-		$('input#download_rate').val(              dn_limit_k);
-		$('input#limit_upload').prop('checked',    up_limited);
-		$('input#upload_rate').val(                up_limit_k);
-		$('input#refresh_rate').val(               p[Prefs._RefreshRate]);
-		$('div.encryption input').val(             p[RPC._Encryption] === RPC._EncryptionRequired);
-		$('input#turtle_download_rate').val(       turtle_dn_limit_k);
-		$('input#turtle_upload_rate').val(         turtle_up_limit_k);
-		$('input#turtle_schedule').prop('checked', p[RPC._TurtleTimeEnabled]);
-		$('select#turtle_start_time').val(         p[RPC._TurtleTimeBegin]);
-		$('select#turtle_end_time').val(           p[RPC._TurtleTimeEnd]);
-		$('select#turtle_days').val(               p[RPC._TurtleTimeDay]);
-		$('#transmission_version').text(           p[RPC._DaemonVersion]);
-		$('#conn_global').val(                     p[RPC._PeerLimitGlobal]);
-		$('#conn_torrent').val(                    p[RPC._PeerLimitPerTorrent]);
-		$('#conn_pex').prop('checked',             p[RPC._PexEnabled]);
-		$('#conn_dht').prop('checked',             p[RPC._DhtEnabled]);
-		$('#conn_lpd').prop('checked',             p[RPC._LpdEnabled]);
-		$('#block_enable').prop('checked',         p[RPC._BlocklistEnabled]);
-		$('#block_url').val(                       p[RPC._BlocklistURL]);
-		$('#block_size').text(                     p[RPC._BlocklistSize]+' IP rules in the list');
-		$('#network_utp').prop('checked',          p[RPC._UtpEnabled]);
-		$('#port_rand').prop('checked',            p[RPC._PeerPortRandom]);
-		$('#port_forward').prop('checked',         p[RPC._PortForwardingEnabled]);
-
-		if (!isMobileDevice)
-		{
-			setInnerHTML($('#limited_download_rate')[0], [ 'Limit (', Transmission.fmt.speed(dn_limit_k), ')' ].join(''));
-			var key = dn_limited ? '#limited_download_rate'
-			                       : '#unlimited_download_rate';
-			$(key).deselectMenuSiblings().selectMenuItem();
-
-			setInnerHTML($('#limited_upload_rate')[0], [ 'Limit (', Transmission.fmt.speed(up_limit_k), ')' ].join(''));
-			key = up_limited ? '#limited_upload_rate'
-			                 : '#unlimited_upload_rate';
-			$(key).deselectMenuSiblings().selectMenuItem();
-		}
-
-		this[Prefs._TurtleState] = p[RPC._TurtleState];
-		this.updateTurtleButton();
-		this.setCompactMode(p[Prefs._CompactDisplayState]);
-	},
-
-	updatePortStatus: function(status) {
-		if (status['port-is-open'])
-			$('#port_test').text('Port is open');
-		else
-			$('#port_test').text('Port is closed');
+		this.prefsDialog.show();
 	},
 
 	showStatsDialog: function() {
 		this.loadDaemonStats();
-		$('body').addClass('stats_showing');
 		$('#stats_container').fadeIn();
 		this.hideMobileAddressbar();
 		this.updateButtonStates();
@@ -824,10 +629,8 @@ Transmission.prototype =
 	},
 
 	hideStatsDialog: function() {
-		$('body.stats_showing').removeClass('stats_showing');
-		if (isMobileDevice)
-			this.hideMobileAddressbar();
 		$('#stats_container').fadeOut();
+		this.hideMobileAddressbar();
 		this.updateButtonStates();
 		this.togglePeriodicStatsRefresh(false);
 	},
@@ -868,105 +671,145 @@ Transmission.prototype =
 		this.refilter(true);
 	},
 
-	/*
-	 * Process an event in the footer-menu
-	 */
-	processSettingsMenuEvent: function(ev) {
-		var tr = this;
-		var $element = $(ev.target);
+	updateGuiFromSession: function(o)
+	{
+		var limit, limited, e, b, text,
+                    fmt = Transmission.fmt,
+                    menu = $('#settings_menu');
 
-		// Figure out which menu has been clicked
-		switch ($element.parent()[0].id) {
+		this.prefsDialog.set(o);
 
-				// Display the preferences dialog
-			case 'footer_super_menu':
-				if ($element[0].id === 'preferences') {
-					$('div#prefs_container div#pref_error').hide();
-					$('div#prefs_container h2.dialog_heading').show();
-					tr.showPrefsDialog();
-				}
-				else if ($element[0].id === 'statistics') {
-					$('div#stats_container div#stats_error').hide();
-					$('div#stats_container h2.dialog_heading').show();
-					tr.showStatsDialog();
-				}
-				else if ($element[0].id === 'homepage') {
-					window.open('http://www.transmissionbt.com/');
-				}
-				else if ($element[0].id === 'tipjar') {
-					window.open('http://www.transmissionbt.com/donate.php');
-				}
+		if (RPC._TurtleState in o)
+		{
+			b = o[RPC._TurtleState];
+			e = $('#turtle-button');
+			text = [ 'Click to ', (b?'disable':'enable'), ' Temporary Speed Limits (',
+			         fmt.speed(o[RPC._TurtleUpSpeedLimit]), ' up,',
+			         fmt.speed(o[RPC._TurtleDownSpeedLimit]), ' down)' ].join('');
+			e.toggleClass('enabled', b);
+			e.attr('title', text);
+		}
+
+		if (this.isMenuEnabled && (RPC._DownSpeedLimited in o)
+		                       && (RPC._DownSpeedLimit in o))
+		{
+			limit = o[RPC._DownSpeedLimit];
+			limited = o[RPC._DownSpeedLimited];
+
+			e = menu.find('#limited_download_rate');
+                        e.html('Limit (' + fmt.speed(limit) + ')');
+
+                        if (!limited)
+                        	e = menu.find('#unlimited_download_rate');
+                        e.deselectMenuSiblings().selectMenuItem();
+		}
+
+		if (this.isMenuEnabled && (RPC._UpSpeedLimited in o)
+		                       && (RPC._UpSpeedLimit in o))
+		{
+			limit = o[RPC._UpSpeedLimit];
+			limited = o[RPC._UpSpeedLimited];
+
+			e = menu.find('#limited_upload_rate');
+                        e.html('Limit (' + fmt.speed(limit) + ')');
+
+                        if (!limited)
+                        	e = menu.find('#unlimited_upload_rate');
+                        e.deselectMenuSiblings().selectMenuItem();
+		}
+	},
+
+	onMenuClicked: function(ev)
+	{
+		var o, dir,
+		    id = ev.target.id,
+		    remote = this.remote,
+		    element = $(ev.target);
+
+		if (element.hasClass('sort-mode'))
+		{
+			element.parent().find('.sort-mode').each(function() {
+				element.parent().deselectMenuItem();
+			});
+			element.selectMenuItem();
+			this.setSortMethod(id.replace(/sort_by_/, ''));
+		}
+		else if (element.hasClass('upload-speed'))
+		{
+			o = {};
+			o[RPC._UpSpeedLimit] = parseInt(ev.target.innerHTML);
+			o[RPC._UpSpeedLimited] = true;
+			remote.savePrefs(o);
+		}
+		else if (element.hasClass('download-speed'))
+		{
+			o = {};
+			o[RPC._DownSpeedLimit] = parseInt(ev.target.innerHTML);
+			o[RPC._DownSpeedLimited] = true;
+			remote.savePrefs(o);
+		}
+		else switch (id)
+		{
+			case 'preferences':
+				this.showPrefsDialog();
 				break;
 
-			// Limit the download rate
-			case 'footer_download_rate_menu':
-				var args = { };
-				if ($element.is('#unlimited_download_rate')) {
-					$element.deselectMenuSiblings().selectMenuItem();
-					args[RPC._DownSpeedLimited] = false;
-				} else {
-					var rate_str = $element[0].innerHTML;
-					var rate_val = parseInt(rate_str, 10);
-					setInnerHTML($('#limited_download_rate')[0], [ 'Limit (', Transmission.fmt.speed(rate_val), ')' ].join(''));
-					$('#limited_download_rate').deselectMenuSiblings().selectMenuItem();
-					$('div.preference input#download_rate')[0].value = rate_str;
-					args[RPC._DownSpeedLimit] = rate_val;
-					args[RPC._DownSpeedLimited] = true;
-				}
-				$('div.preference input#limit_download')[0].checked = args[RPC._DownSpeedLimited];
-				tr.remote.savePrefs(args);
+			case 'statistics':
+				$('div#stats_container div#stats_error').hide();
+				$('div#stats_container h2.dialog_heading').show();
+				this.showStatsDialog();
 				break;
 
-			// Limit the upload rate
-			case 'footer_upload_rate_menu':
-				var args = { };
-				if ($element.is('#unlimited_upload_rate')) {
-					$element.deselectMenuSiblings().selectMenuItem();
-					args[RPC._UpSpeedLimited] = false;
-				} else {
-					var rate_str = $element[0].innerHTML;
-					var rate_val = parseInt(rate_str, 10);
-					setInnerHTML($('#limited_upload_rate')[0], [ 'Limit (', Transmission.fmt.speed(rate_val), ')' ].join(''));
-					$('#limited_upload_rate').deselectMenuSiblings().selectMenuItem();
-					$('div.preference input#upload_rate')[0].value = rate_str;
-					args[RPC._UpSpeedLimit] = rate_val;
-					args[RPC._UpSpeedLimited] = true;
-				}
-				$('div.preference input#limit_upload')[0].checked = args[RPC._UpSpeedLimited];
-				tr.remote.savePrefs(args);
+			case 'homepage':
+				window.open('http://www.transmissionbt.com/');
 				break;
 
-			// Sort the torrent list
-			case 'footer_sort_menu':
-
-				// The 'reverse sort' option state can be toggled independently of the other options
-				if ($element.is('#reverse_sort_order')) {
-					if (!$element.is('#reverse_sort_order.active')) break;
-					var dir;
-					if ($element.menuItemIsSelected()) {
-						$element.deselectMenuItem();
-						dir = Prefs._SortAscending;
-					} else {
-						$element.selectMenuItem();
-						dir = Prefs._SortDescending;
-					}
-					tr.setSortDirection(dir);
-
-				// Otherwise, deselect all other options (except reverse-sort) and select this one
+			case 'tipjar':
+				window.open('http://www.transmissionbt.com/donate.php');
+				break;	
+
+			case 'unlimited_download_rate':
+				o = { };
+				o[RPC._DownSpeedLimited] = false;
+				remote.savePrefs(o);
+				break;
+
+			case 'limited_download_rate':
+				o = { };
+				o[RPC._DownSpeedLimited] = true;
+				remote.savePrefs(o);
+				break;
+
+			case 'unlimited_upload_rate':
+				o = {};
+				o[RPC._UpSpeedLimited] = false;
+				remote.savePrefs(o);
+				break;
+
+			case 'limited_upload_rate':
+				o = {};
+				o[RPC._UpSpeedLimited] = true;
+				remote.savePrefs(o);
+				break;
+
+			case 'reverse_sort_order':
+				if (element.menuItemIsSelected()) {
+					dir = Prefs._SortAscending;
+					element.deselectMenuItem();
 				} else {
-					$element.parent().find('span.selected').each(function() {
-						if (! $element.parent().is('#reverse_sort_order')) {
-							$element.parent().deselectMenuItem();
-						}
-					});
-					$element.selectMenuItem();
-					var method = $element[0].id.replace(/sort_by_/, '');
-					tr.setSortMethod(method);
+					dir = Prefs._SortDescending;
+					element.selectMenuItem();
 				}
+				this.setSortDirection(dir);
+				break;
+
+			default:
+				console.log('unhandled: ' + id);
 				break;
+
 		}
 		$('#settings_menu').trigger('closemenu');
-		return false; // to prevent the event from bubbling up
+		ev.stopImmediatePropagation();
 	},
 
 
@@ -998,7 +841,8 @@ Transmission.prototype =
 				t = this._torrents[id] = new Torrent(o);
 				this.dirtyTorrents[id] = true;
 				$(t).bind('dataChanged',$.proxy(this.onTorrentChanged,this));
-				if(!('name' in t.fields) || !('status' in t.fields)) // missing some fields...
+				// if we need them, ask for fields from the server...
+				if(!('name' in t.fields) || !('status' in t.fields))
 					needinfo.push(id);
 			}
 		}
@@ -1022,17 +866,23 @@ Transmission.prototype =
 
 	refreshTorrents: function()
 	{
+		var callback = $.proxy(this.refreshTorrents,this),
+		    msec = this[Prefs._RefreshRate] * 1000,
+		    fields = ['id'].concat(Torrent.Fields.Stats);
+
 		// send a request right now
-		this.updateTorrents('recently-active', ['id'].concat(Torrent.Fields.Stats));
+		this.updateTorrents('recently-active', fields);
 
 		// schedule the next request
 		clearTimeout(this.refreshTorrentsTimeout);
-		this.refreshTorrentsTimeout = setTimeout($.proxy(this.refreshTorrents,this), this[Prefs._RefreshRate]*1000);
+		this.refreshTorrentsTimeout = setTimeout(callback,msec);
 	},
 
 	initializeTorrents: function()
 	{
-		this.updateTorrents(null, ['id'].concat(Torrent.Fields.Metadata, Torrent.Fields.Stats));
+		var fields = ['id'].concat(Torrent.Fields.Metadata,
+		                           Torrent.Fields.Stats);
+		this.updateTorrents(null, fields);
 	},
 
 	onRowClicked: function(ev)
@@ -1108,7 +958,7 @@ Transmission.prototype =
 
 	updateStatusbar: function()
 	{
-		var i, row,
+		var i, row, text,
 		    u=0, d=0,
 		    fmt = Transmission.fmt,
 		    torrents = this.getAllTorrents();
@@ -1121,8 +971,16 @@ Transmission.prototype =
 			d += row.getDownloadSpeed();
 		}
 
-		setInnerHTML($('#statusbar #speed-up-label')[0], u ? '&uarr; ' + fmt.speedBps(u) : '');
-		setInnerHTML($('#statusbar #speed-dn-label')[0], d ? '&darr; ' + fmt.speedBps(d) : '');
+		text = u ? '&uarr; ' + fmt.speedBps(u) : '';
+		setInnerHTML($('#statusbar #speed-up-label')[0], text);
+
+		text = d ? '&darr; ' + fmt.speedBps(d) : '';
+		setInnerHTML($('#statusbar #speed-dn-label')[0], text);
+	},
+
+	shouldAddedTorrentsStart: function()
+	{
+		return this.prefsDialog.shouldAddedTorrentsStart();
 	},
 
 	/*
@@ -1135,7 +993,7 @@ Transmission.prototype =
 		if (! confirmed) {
 			$('input#torrent_upload_file').attr('value', '');
 			$('input#torrent_upload_url').attr('value', '');
-			$('input#torrent_auto_start').attr('checked', $('#prefs_form #auto_start')[0].checked);
+			$('input#torrent_auto_start').attr('checked', this.shouldAddedTorrentsStart());
 			$('#upload_container').show();
 			$('#torrent_upload_url').focus();
 
@@ -1173,15 +1031,15 @@ Transmission.prototype =
 	{
 		if (torrents.length === 1)
 		{
-			var torrent = torrents[0];
-			var header = 'Remove ' + torrent.getName() + '?';
-			var message = 'Once removed, continuing the transfer will require the torrent file. Are you sure you want to remove it?';
+			var torrent = torrents[0],
+			    header = 'Remove ' + torrent.getName() + '?',
+			    message = 'Once removed, continuing the transfer will require the torrent file. Are you sure you want to remove it?';
 			dialog.confirm(header, message, 'Remove', 'transmission.removeTorrents', torrents);
 		}
 		else
 		{
-			var header = 'Remove ' + torrents.length + ' transfers?';
-			var message = 'Once removed, continuing the transfers will require the torrent files. Are you sure you want to remove them?';
+			var header = 'Remove ' + torrents.length + ' transfers?',
+			    message = 'Once removed, continuing the transfers will require the torrent files. Are you sure you want to remove them?';
 			dialog.confirm(header, message, 'Remove', 'transmission.removeTorrents', torrents);
 		}
 	},
@@ -1191,20 +1049,20 @@ Transmission.prototype =
 		if (torrents.length === 1)
 		{
 			var torrent = torrents[0],
-				header = 'Remove ' + torrent.getName() + ' and delete data?',
-				message = 'All data downloaded for this torrent will be deleted. Are you sure you want to remove it?';
+			    header = 'Remove ' + torrent.getName() + ' and delete data?',
+			    message = 'All data downloaded for this torrent will be deleted. Are you sure you want to remove it?';
 			dialog.confirm(header, message, 'Remove', 'transmission.removeTorrentsAndData', torrents);
 		}
 		else
 		{
 			var header = 'Remove ' + torrents.length + ' transfers and delete data?',
-				message = 'All data downloaded for these torrents will be deleted. Are you sure you want to remove them?';
+			    message = 'All data downloaded for these torrents will be deleted. Are you sure you want to remove them?';
 			dialog.confirm(header, message, 'Remove', 'transmission.removeTorrentsAndData', torrents);
 		}
 	},
 
 	removeTorrents: function(torrents) {
-		var ids = $.map(torrents, function(t) { return t.getId(); });
+		var ids = this.getTorrentIds(torrents);
 		this.remote.removeTorrents(ids, this.refreshTorrents, this);
 	},
 
@@ -1229,15 +1087,19 @@ Transmission.prototype =
 	startTorrent: function(torrent) {
 		this.startTorrents([ torrent ], false);
 	},
+
+	getTorrentIds: function(torrents) {
+		return $.map(torrents.slice(0), function(t) {return t.getId();});
+	},
 	startTorrents: function(torrents, force) {
-		this.remote.startTorrents($.map(torrents, function(t) {return t.getId();}),
-		                          force, this.refreshTorrents, this);
+		this.remote.startTorrents(this.getTorrentIds(torrents), force,
+		                          this.refreshTorrents, this);
 	},
 	verifyTorrent: function(torrent) {
 		this.verifyTorrents([ torrent ]);
 	},
 	verifyTorrents: function(torrents) {
-		this.remote.verifyTorrents($.map(torrents, function(t) {return t.getId();}),
+		this.remote.verifyTorrents(this.getTorrentIds(torrents),
 		                           this.refreshTorrents, this);
 	},
 
@@ -1245,7 +1107,7 @@ Transmission.prototype =
 		this.reannounceTorrents([ torrent ]);
 	},
 	reannounceTorrents: function(torrents) {
-		this.remote.reannounceTorrents($.map(torrents, function(t) {return t.getId();}),
+		this.remote.reannounceTorrents(this.getTorrentIds(torrents),
 		                               this.refreshTorrents, this);
 	},
 
@@ -1259,7 +1121,7 @@ Transmission.prototype =
 		this.stopTorrents([ torrent ]);
 	},
 	stopTorrents: function(torrents) {
-		this.remote.stopTorrents($.map(torrents.slice(0), function(t) {return t.getId();}),
+		this.remote.stopTorrents(this.getTorrentIds(torrents),
 		                         this.refreshTorrents, this);
 	},
 	changeFileCommand: function(torrentId, rowIndices, command) {
@@ -1268,8 +1130,9 @@ Transmission.prototype =
 
 	hideMobileAddressbar: function(delaySecs) {
 		if (isMobileDevice && !scroll_timeout) {
-			var delayMsec = delaySecs*1000 || 150;
-			scroll_timeout = setTimeout($.proxy(this.doToolbarHide,this), delayMsec);
+			var callback = $.proxy(this.doToolbarHide,this),
+			    msec = delaySecs*1000 || 150;
+			scroll_timeout = setTimeout(callback,msec);
 		}
 	},
 	doToolbarHide: function() {
@@ -1307,48 +1170,47 @@ Transmission.prototype =
 	updateButtonsSoon: function()
 	{
 		if (!this.buttonRefreshTimer)
-			this.buttonRefreshTimer = setTimeout($.proxy(this.updateButtonStates,this), 100);
+		{
+			var callback = $.proxy(this.updateButtonStates,this),
+			    msec = 100;
+			this.buttonRefreshTimer = setTimeout(callback, msec);
+		}
 	},
 
 	updateButtonStates: function()
 	{
+		var e = this.elements,
+		    haveActive = false,
+		    havePaused = false,
+		    haveSelection = false,
+		    haveActiveSelection = false,
+		    havePausedSelection = false;
+
 		clearTimeout(this.buttonRefreshTimer);
 		delete this.buttonRefreshTimer;
 
-		var showing_dialog = new RegExp("(prefs_showing|dialog_showing|open_showing)").test(document.body.className);
-		this._toolbar_buttons.toggleClass('disabled', showing_dialog);
-
-		if (!showing_dialog)
-		{
-			var haveSelection = false,
-			    haveActive = false,
-			    haveActiveSelection = false,
-			    havePaused = false,
-			    havePausedSelection = false;
-
-			for (var i=0, row; row=this._rows[i]; ++i) {
-				var isStopped = row.getTorrent().isStopped();
-				var isSelected = row.isSelected();
-				if (!isStopped) haveActive = true;
-				if (isStopped) havePaused = true;
-				if (isSelected) haveSelection = true;
-				if (isSelected && !isStopped) haveActiveSelection = true;
-				if (isSelected && isStopped) havePausedSelection = true;
-			}
-
-			this.setEnabled(this._toolbar_pause_button,       haveActiveSelection);
-			this.setEnabled(this._context_pause_button,       haveActiveSelection);
-			this.setEnabled(this._toolbar_start_button,       havePausedSelection);
-			this.setEnabled(this._context_start_button,       havePausedSelection);
-			this.setEnabled(this._context_move_top_button,    haveSelection);
-			this.setEnabled(this._context_move_up_button,     haveSelection);
-			this.setEnabled(this._context_move_down_button,   haveSelection);
-			this.setEnabled(this._context_move_bottom_button, haveSelection);
-			this.setEnabled(this._context_start_now_button,   havePausedSelection);
-			this.setEnabled(this._toolbar_remove_button,      haveSelection);
-			this.setEnabled(this._toolbar_pause_all_button,   haveActive);
-			this.setEnabled(this._toolbar_start_all_button,   havePaused);
+		for (var i=0, row; row=this._rows[i]; ++i) {
+			var isStopped = row.getTorrent().isStopped();
+			var isSelected = row.isSelected();
+			if (!isStopped) haveActive = true;
+			if (isStopped) havePaused = true;
+			if (isSelected) haveSelection = true;
+			if (isSelected && !isStopped) haveActiveSelection = true;
+			if (isSelected && isStopped) havePausedSelection = true;
 		}
+
+		this.setEnabled(e.toolbar_pause_button,       haveActiveSelection);
+		this.setEnabled(e.context_pause_button,       haveActiveSelection);
+		this.setEnabled(e.toolbar_start_button,       havePausedSelection);
+		this.setEnabled(e.context_start_button,       havePausedSelection);
+		this.setEnabled(e.context_move_top_button,    haveSelection);
+		this.setEnabled(e.context_move_up_button,     haveSelection);
+		this.setEnabled(e.context_move_down_button,   haveSelection);
+		this.setEnabled(e.context_move_bottom_button, haveSelection);
+		this.setEnabled(e.context_start_now_button,   havePausedSelection);
+		this.setEnabled(e.toolbar_remove_button,      haveSelection);
+		this.setEnabled(e.toolbar_pause_all_button,   haveActive);
+		this.setEnabled(e.toolbar_start_all_button,   havePaused);
 	},
 
 	/****
@@ -1367,6 +1229,9 @@ Transmission.prototype =
 	},
 	setInspectorVisible: function(visible)
 	{
+		if (visible)
+			this.inspector.setTorrents(this.getSelectedTorrents());
+
 		// update the ui widgetry
 		$('#torrent_inspector').toggle(visible);
 		if (isMobileDevice) {
@@ -1378,9 +1243,6 @@ Transmission.prototype =
 			$('#torrent_container')[0].style.right = w;
 		}
 		setInnerHTML($('ul li#context_toggle_inspector')[0], (visible?'Hide':'Show')+' Inspector');
-
-		if (visible)
-			this.inspector.setTorrents(this.getSelectedTorrents());
 	},
 
 	/****
@@ -1394,7 +1256,7 @@ Transmission.prototype =
 		var popup = $('#filter-popup');
 		popup.dialog({
 			autoOpen: false,
-			position: isMobileDevice ? [0,0] : [40,80],
+			position: isMobileDevice ? 'center' : [40,80],
 			show: 'blind',
 			hide: 'blind',
 			title: 'Show',
@@ -1424,7 +1286,6 @@ Transmission.prototype =
 		    visible_count = this._rows.length;
 
 		// count the total number of torrents
-		// torrent_count = Object.keys(this._torrents).length; // IE8 doesn't support Object.keys(
 		torrent_count = 0;
 		o = this._torrents;
 		for (tmp in o)
@@ -1452,8 +1313,10 @@ Transmission.prototype =
 	refilterSoon: function()
 	{
 		if (!this.refilterTimer) {
-			var tr = this;
-			this.refilterTimer = setTimeout(function(){tr.refilter(false);}, 100);
+			var tr = this,
+			    callback = function(){tr.refilter(false);},
+			    msec = 100;
+			this.refilterTimer = setTimeout(callback, msec);
 		}
 	},
 
@@ -1485,7 +1348,7 @@ Transmission.prototype =
 		    filter_text = this.filterText,
 		    filter_tracker = this.filterTracker,
 		    renderer = this.torrentRenderer,
-		    list = this._torrent_list,
+		    list = this.elements.torrent_list,
 		    old_sel_count = $(list).children('.selected').length;
 
 
@@ -1652,11 +1515,10 @@ Transmission.prototype =
 		****  Trackers
 		***/
 
-		var trackers = this.getTrackers();
-		//var names = Object.keys(trackers).sort(); (IE8 doesn't have Object.keys)
-		var name, name=[];
-		var names = [];
-		for  (name in trackers)
+		var trackers = this.getTrackers(),
+		    name, name=[],
+		    names = [];
+		for (name in trackers)
 			names.push (name);
 		names.sort();
 
diff --git a/web/stylesheets/common.css b/web/stylesheets/common.css
index 316ea819b..4bc98c923 100644
--- a/web/stylesheets/common.css
+++ b/web/stylesheets/common.css
@@ -50,20 +50,12 @@ a {
 	width: 100%;
 	height: 75px;
 	margin: 0;
-        border: 1px outset #AEBBCB;
+	border: 1px outset #AEBBCB;
 	overflow: hidden;
 	-moz-user-select: none;
 	-webkit-user-select: none;
 }
 
-#toolbar h1 {
-	height: inherit;
-	width: 205px;
-	text-indent: -9000px !important;
-	padding: 0;
-	margin: 0 0 0 5px;
-}
-
 #toolbar ul {
 	height: 50px;
 	margin: 0;
@@ -214,7 +206,6 @@ div#filter-popup #filter-by-state .row .filter-name {
         left: 0px;
 }
 #filter-popup .row {
-	font-size: 1.2em;
 	text-align: left;
 	cursor: pointer;
 	margin: 8px 2px;
@@ -484,6 +475,49 @@ li.torrent a:active div.torrent_resume {
 	background-position: center bottom;
 }
 
+/***
+****
+****  PREFERENCES
+****
+***/
+
+#prefs-dialog.ui-tabs .ui-tabs-panel {
+	padding: 0px;
+	-moz-user-select: none;
+	-webkit-user-select: none;
+}
+.prefs-section {
+	margin: 10px;
+	text-align: left;
+}
+.prefs-section > * {
+	padding-top: 8px;
+	padding-left: 8px;
+}
+.prefs-section .title {
+	font-weight: bold;
+	padding-left: 0px;
+}
+.prefs-section .row .key {
+	float: left;
+	padding-top: 3px;
+}
+.prefs-section .row .key > * {
+	margin-left: 0px;
+}
+.prefs-section .row .value {
+	margin-left: 150px;
+}
+.prefs-section .row .value > * {
+	width: 100%;
+}
+.prefs-section .checkbox-row > input {
+	margin: 0px;
+}
+.prefs-section .checkbox-row > label {
+	margin-left: 5px;
+}
+
 /*--------------------------------------
  *
  * T O R R E N T   I N S P E C T O R
@@ -866,11 +900,12 @@ li.inspector_torrent_file_list_entry.complete div.file_priority_control {
 	cursor: default;
 }
 
-/*--------------------------------------
- *
- * T O R R E N T   F O O T E R
- *
- *--------------------------------------*/
+
+/****
+*****
+*****  MAIN WINDOW FOOTER
+*****
+****/
 
 div.torrent_footer {
 	height: 22px;
@@ -900,48 +935,51 @@ div.torrent_footer ul#settings_menu li#button {
 	padding: 0;
 	position: relative;
 }
-div.torrent_footer ul#settings_menu li#button:active,
-div.torrent_footer ul#settings_menu li#button:hover {
+div.torrent_footer ul#settings_menu li#button:hover,
+div.torrent_footer ul#settings_menu li#button:active {
 	background-position: -32px top;
 }
 
 #turtle-button {
 	background: transparent url('../images/graphics/chrome.png') left -18px no-repeat;
 }
-#turtle-button:active,
-#turtle-button:hover {
+#turtle-button:hover,
+#turtle-button:active {
 	background-position: -32px -18px;
 }
 #turtle-button.enabled {
 	background-position: left -36px;
 }
-#turtle-button.enabled:active,
-#turtle-button.enabled:hover {
+#turtle-button.enabled:hover,
+#turtle-button.enabled:active {
 	background-position: -32px -36px;
 }
 
 #compact-button {
-        background: transparent url('../images/graphics/chrome.png') left -54px no-repeat;
+	background: transparent url('../images/graphics/chrome.png') left -54px no-repeat;
 }
-#compact-button:active,
-#compact-button:hover {
+#compact-button:hover,
+#compact-button:active {
 	background-position: -32px -54px;
 }
 #compact-button.enabled {
 	background-position: left -72px;
 }
-#compact-button.enabled:active,
-#compact-button.enabled:hover {
+#compact-button.enabled:hover,
+#compact-button.enabled:active {
 	background-position: -32px -72px;
 }
 
+#prefs-button {
+	display: none;
+}
 
 
-/*--------------------------------------
- *
- * D I A L O G S
- *
- *--------------------------------------*/
+/****
+*****
+*****  DIALOGS
+*****
+****/
 
 div.dialog_container {
 	position: absolute;
@@ -1073,114 +1111,6 @@ iframe#torrent_upload_frame {
 	margin: 0;
 }
 
-div#prefs_container label {
-	display: block;
-	margin: 0 0 0 2px;
-}
-
-div#prefs_container label.category {
-	clear: both;
-	font-size: 1.2em;
-}
-
-div#prefs_container label.item {
-	font-size: 11px !important;
-	margin: 0 5px 0 20px;
-	float: left;
-}
-
-div#prefs_container label.suffix {
-	margin: 0 5px 0 10px;
-	float: left;
-}
-
-div#prefs_container div.formdiv.checkbox label.item {
-	margin: 0 5px 0 2px;
-}
-
-div#prefs_container div.limit_total label.item {
-	width: 102px;
-}
-
-div#prefs_container div.limit_turtle label.item {
-	width: 120px;
-}
-
-div#prefs_container div.preference input[type=checkbox] {
-	float: left;
-	margin-left: 20px;
-	margin-top: 9px;
-}
-@-moz-document url-prefix() {
-	div#prefs_container div.preference input[type=checkbox] {
-		margin-top: 8px;
-	}
-}
-
-div#prefs_container div.preference input[type=text] {
-	width: 50px;
-	padding: 0px !important;
-	height: 18px;
-	margin-top: 2px;
-}
-
-div#prefs_container div.preference input {
-	float: left;
-}
-
-div#prefs_container div.block_url input {
-	width: 256px !important;
-}
-
-div#prefs_container div.download_location input {
-	width: 256px !important;
-}
-div#prefs_container div.download_location .checkbox input {
-	width: auto !important;
-}
-
-div#prefs_container div.formdiv {
-	clear: both;
-	line-height: 30px;
-}
-
-div#prefs_container a {
-	clear: left;
-	margin: 10px 5px 10px 7px;
-}
-
-div#prefs_container h2.dialog_heading {
-	display: none;
-}
-
-div#prefs_container div#prefs_tabs {
-	clear: both;
-}
-div#prefs_container div#prefs_tabs ul {
-	margin: 0;
-	padding: 0 0 0 10px;
-}
-.prefs-tab {
-	cursor: pointer;
-	display: block;
-	float: left;
-	font-size: 1.2em;
-	color: #323232;
-	text-align: center;
-	padding: 2px 20px;
-	border: 1px solid #787878;
-	margin-bottom: -1px;
-	background: #C0C8D6 url('../images/graphics/filter_bar.png') bottom repeat-x;
-}
-.prefs-tab.selected {
-	background: none;
-	border-bottom: 1px solid #efefef;
-}
-.prefs-page {
-	border-top: 1px solid #787878;
-	clear: both;
-	padding: 7px;
-}
 div#stats_container h2.dialog_heading {
 	display: none;
 }
@@ -1235,33 +1165,11 @@ div#stats_container a {
 	margin: 10px 5px 10px 7px;
 }
 
-div#prefs_container div#pref_error {
-	display: none;
-	width: 395px;
-	margin: 6px auto 6px auto;
-	padding: 3px 0 3px 0;
-	border: 2px solid #cc3333;
-	color: #cc3333;
-	font-size: 1.2em;
-	vertical-align: middle;
-	text-align: center;
-	height: 20px;
-	line-height: 20px;
-	background-color: #FFEFEF;
-}
-
-#transmission_version{
-	position: absolute;
-	bottom: 10px;
-	left:   10px;
-	color:  #999;
-}
-
-/*--------------------------------------
- *
- * T R A N S   M E N U
- *
- *--------------------------------------*/
+/****
+*****
+*****  POPUP MENU
+*****
+****/
 
 .trans_menu {
 	margin: 0;
@@ -1297,9 +1205,8 @@ div#prefs_container div#pref_error {
 
 .trans_menu > * li {
 	margin: 0;
-	padding: 0 10px 2px 20px !important;
+	padding: 3px 10px 3px 20px !important;
 	color: #000;
-	font-size: 14px;
 	cursor: default;
 	text-indent: auto !important;
 	width: inherit;
@@ -1322,10 +1229,6 @@ div#prefs_container div#pref_error {
 
 .trans_menu li span.arrow {
 	float: right;
-	margin: 3px 0 0;
-	font-size: 11px;
-	color: #333;
-	text-shadow: none;
 }
 
 .trans_menu li.hover li.hover span.arrow, .trans_menu li.hover li.hover li.hover span.selected {
@@ -1334,7 +1237,6 @@ div#prefs_container div#pref_error {
 
 .trans_menu span.selected {
 	margin: 0 3px 0 -15px;
-	font-size: 14px;
 	color: #666;
 	float: left;
 }
diff --git a/web/stylesheets/mobile.css b/web/stylesheets/mobile.css
index 08d54070f..36a16e1b7 100644
--- a/web/stylesheets/mobile.css
+++ b/web/stylesheets/mobile.css
@@ -12,8 +12,7 @@ html {
 
 body {
 	font: 11px Helvetica, Arial, sans-serif;
-	color: #323232 !important;
-	background: #fff;
+	background: #FFF;
 	text-align: center;
 	margin: 0;
 	padding: 0;
@@ -65,25 +64,24 @@ body.open_showing #torrent_filter_bar, body.open_showing #torrent_container {
 	margin: 0;
 	background: #6685a1 url('../images/graphics/iphone_chrome.png') top left repeat-x;
 	border: 1px outset #AEBBCB;
-	position: relative;
-	text-shadow: 0 -1px 0 #446;
 }
 
 #toolbar ul {
 	margin: 0;
 	padding: 0 3px;
-	text-align: left;
+	text-align: center;
 }
 
 #toolbar ul li {
 	list-style-type: none;
 	list-style-image: none;
-	padding: 0;
 	margin: 4px 0 0 0;
+	padding: 0 2px;
+	cursor: pointer;
 	display: inline-block;
 }
 
-#toolbar li#remove, li#open {
+#toolbar li#remove, li#open, li#resume_selected, li#pause_selected {
 	float: left;
 }
 #toolbar li#resume_all, li#pause_all {
@@ -103,11 +101,7 @@ body.open_showing #torrent_filter_bar, body.open_showing #torrent_container {
 	font-weight: bold;
 }
 
-#toolbar ul li.disabled {
-	opacity: 0.25;
-}
-
-#toolbar ul li div div.toolbar_image {
+#toolbar ul li div.toolbar_image {
 	width: 32px;
 	height: 32px;
 	margin: 0 auto 2px;
@@ -132,6 +126,12 @@ li#filter          div:active div.toolbar_image { background-position: right -19
 li#inspector       div        div.toolbar_image { background-position: left  -224px; }
 li#inspector       div:active div.toolbar_image { background-position: right -224px; }
 
+#toolbar ul li.disabled > div {
+	text-shadow: 0 1px 0 #fff;
+	opacity: 0.25;
+	cursor: default;
+}
+
 #toolbar ul li#filter,
 #toolbar ul li#inspector,
 #toolbar ul li.divider {
@@ -207,12 +207,13 @@ div#filter-popup #filter-by-state .row .filter-name {
         left: 0px;
 }
 #filter-popup .row {
-	font-size: 1.2em;
 	text-align: left;
 	cursor: pointer;
 	margin: 15px 2px;
 	position: relative;
 	height: 18px;
+	-moz-user-select: none;
+	-webkit-user-select: none;
 }
 div#filter-popup .row .filter-img {
         border: none;
@@ -256,7 +257,6 @@ div#filter-popup .row .filter-img {
 ***/
 
 ul.torrent_list {
-	width: 100%;
 	margin: 0;
 	padding: 0;
 	text-align: left;
@@ -297,12 +297,12 @@ ul.torrent_list li.torrent.even {
 }
 
 ul.torrent_list li.torrent.selected {
-	background-color: #3875D7;
+	background-color: #3879D7;
 	color: #FFF;
 }
 
 ul.torrent_list li.torrent div.torrent_name {
-	font-size: 13px;
+	font-size: 1.3em;
 	font-weight: bold;
 	overflow: hidden;
 	text-overflow: ellipsis;
@@ -325,10 +325,29 @@ ul.torrent_list li.torrent.selected div.torrent_name {
 	color: #fff;
 }
 
-div.torrent_peer_details {
-	font-size: 10px;
+ul.torrent_list div.torrent_progress_details,
+ul.torrent_list div.torrent_peer_details {
+	clear: left;
+	font-size: 1em;
+	overflow: hidden;
+	text-overflow: ellipsis;
+	white-space: nowrap;
+}
+
+ul.torrent_list li.torrent div.torrent_progress_details.error {
+	color: #FF0000;
+}
+ul.torrent_list li.torrent.selected div.torrent_progress_details.error {
+	color: #FFF;
+}
+ul.torrent_list li.torrent div.torrent_peer_details.error {
+	color: #FF0000;
+}
+ul.torrent_list li.torrent.selected div.torrent_peer_details.error {
+	color: #FFF;
 }
 
+
 /**
  * Progressbar
  *
@@ -402,24 +421,24 @@ ul.torrent_list div.torrent_progress_bar.complete.leeching {
         border-color: #3D9DEA;
 }
 ul.torrent_list div.torrent_progress_bar.complete.leeching.queued {
-	background-position: left -70px;
-	border-color: #889CA5;
+        background-position: left -70px;
+        border-color: #889CA5;
 }
 ul.torrent_list div.torrent_progress_bar.incomplete.leeching {
         background-position: left -20px;
         border-color: #CFCFCF;
 }
 ul.torrent_list div.torrent_progress_bar.incomplete.leeching.queued {
-	background-position: left -80px;
-	border-color: #C4C4C4;
+        background-position: left -80px;
+        border-color: #C4C4C4;
 }
 ul.torrent_list div.torrent_progress_bar.complete.seeding {
         background-position: left -40px;
         border-color: #269E30;
 }
 ul.torrent_list div.torrent_progress_bar.complete.seeding.queued {
-	background-position: left -60px;
-	border-color: #8A998D;
+        background-position: left -60px;
+        border-color: #8A998D;
 }
 ul.torrent_list div.torrent_progress_bar.incomplete.seeding {
         background-position: left -10px;
@@ -474,17 +493,6 @@ div.dialog_container a {
 	text-align: center;
 }
 
-div.dialog_container a#dialog_cancel_button, div.dialog_container a#prefs_cancel_button {
-	left: 55px;
-}
-
-div.dialog_container a#dialog_confirm_button, div.dialog_container a#prefs_save_button {
-	right: 55px;
-	color: black;
-	text-shadow: none;
-	background: #fff;
-}
-
 #dialog_container div.dialog_window img {
 	margin: 5px auto 12px;
 }
@@ -514,93 +522,47 @@ div.dialog_container a#dialog_confirm_button, div.dialog_container a#prefs_save_
 	text-align: left;
 }
 
-/*--------------------------------------
- *
- * P R E F S   C O N T A I N E R
- *
- *--------------------------------------*/
+/***
+****
+****  PREFERENCES
+****
+***/
 
-div#prefs_container {
-	text-align: left;
+#prefs-dialog.ui-tabs .ui-tabs-panel {
+	padding: 0px;
+	-moz-user-select: none;
+	-webkit-user-select: none;
 }
-
-div#prefs_container label.item {
-	margin: 0 5px 0 15px;
-	float: left;
+.prefs-section {
+	margin: 10px;
+	text-align: left;
 }
-
-form#prefs_form {
-	height: 365px;
-	padding: 0 5px;
+.prefs-section > * {
+	padding-top: 8px;
+	padding-left: 8px;
 }
-
-div#prefs_container label.suffix {
-	margin: 0 5px 0 10px;
-	float: left;
+.prefs-section .title {
+	font-weight: bold;
+	padding-left: 0px;
 }
-
-div#prefs_container input {
+.prefs-section .row .key {
 	float: left;
+	padding-top: 3px;
 }
-
-div#prefs_container div.preference input[type=checkbox] {
-	margin: 3px 7px 0 16px;
-	width: 18px;
-	height: 18px;
-	clear: left;
-}
-
-div#prefs_container label {
-	line-height: 25px;
-	display: block;
-}
-
-div#prefs_container div.download_location label.item,
-div#prefs_container div.port label.item,
-div#prefs_container div.web_gui label.item {
-	width: 127px;
-	clear: left;
-}
-
-div#prefs_container div.auto_start label.item,
-div#prefs_container div.encryption label.item,
-div#prefs_container div.limit_total label.item {
-	margin: 0 5px 0 0;
-}
-
-div#prefs_container div.limit_total label.item {
-	width: 101px;
-}
-
-div#prefs_container div.preference input[type=text] {
-	padding: 2px 2px 1px;
-	text-shadow: none !important;
-	font-size: 13px;
-	width: 50px;
+.prefs-section .row .key > * {
+	margin-left: 0px;
 }
-
-div#prefs_container div.download_location input {
-	position: absolute;
-	right: 20px;
-	left: 160px;
-	width: auto !important;
-}
-
-div#prefs_container label.category {
-	clear: both;
-	font-weight: bold;
+.prefs-section .row .value {
+	margin-left: 150px;
 }
-
-div#prefs_container a {
-	margin-top: 42px !important;
+.prefs-section .row .value > * {
+	width: 100%;
 }
-
-.landscape div.dialog_container a#prefs_cancel_button {
-	left: 135px;
+.prefs-section .checkbox-row > input {
+	margin: 0px;
 }
-
-.landscape div.dialog_container a#prefs_save_button {
-	right: 135px;
+.prefs-section .checkbox-row > label {
+	margin-left: 5px;
 }
 
 /*--------------------------------------
@@ -630,11 +592,10 @@ div#torrent_inspector {
 div#torrent_inspector #torrent_inspector_name {
 	margin: 0;
 	overflow: hidden;
-	word-wrap: break-word;
 }
 div#torrent_inspector #torrent_inspector_size {
 	font-size: 1.2em;
-	margin: 3;
+	margin: 3px;
 	display: block;
 	padding-top: 2px;
 }
@@ -790,9 +751,6 @@ div.inspector_torrent_file_list_entry_name {
 li.inspector_torrent_file_list_entry.skip>.inspector_torrent_file_list_entry_name {
 	color: #666;
 }
-li.inspector_torrent_file_list_entry.even {
-	background-color: #EEEEEE;
-}
 div.inspector_torrent_file_list_entry_progress {
 	font-size: 1em;
 	color: #666;
@@ -836,12 +794,21 @@ div.file_priority_control {
 	cursor: pointer;
 }
 div.file_priority_control.normal {
+	background-position: left top;
+}
+div.file_priority_control.normal:hover {
 	background-position: right top;
 }
 div.file_priority_control.high {
+	background-position: left -19px;
+}
+div.file_priority_control.high:hover {
 	background-position: right -19px;
 }
 div.file_priority_control.low {
+	background-position: left -38px;
+}
+div.file_priority_control.low:hover {
 	background-position: right -38px;
 }
 ul.single_file li.inspector_torrent_file_list_entry>.file_priority_control, li.inspector_torrent_file_list_entry.complete div.file_priority_control {
@@ -850,104 +817,84 @@ ul.single_file li.inspector_torrent_file_list_entry>.file_priority_control, li.i
 }
 
 
-/*--------------------------------------
- *
- * T O R R E N T   F O O T E R
- *
- *--------------------------------------*/
+/****
+*****
+*****  MAIN WINDOW FOOTER
+*****
+****/
 
 div.torrent_footer {
-	margin: 0px;
 	height: 20px;
-	border-top: 1px solid #777;
+	padding: 1px;
+	border-top: 1px solid #555;
 	position: relative;
 	width: 100%;
-	z-index: 2;
-	text-align: center;
-	color: #222;
-	text-shadow: 0 1px 1px #fff;
-	overflow: hidden;
-
-        background-color: #B9B9B9; /* fallback color if gradients are not supported */
-        background-image: -webkit-gradient(linear, left top, left bottom, from(#C9C9C9), to(#A7A7A7));
-        background-image: -webkit-linear-gradient(top, #C9C9C9, #A7A7A7);
-        background-image:    -moz-linear-gradient(top, #C9C9C9, #A7A7A7);
-        background-image:     -ms-linear-gradient(top, #C9C9C9, #A7A7A7);
-        background-image:      -o-linear-gradient(top, #C9C9C9, #A7A7A7);
-        background-image:         linear-gradient(top, #C9C9C9, #A7A7A7); /* standard, but currently unimplemented */
-}
-
-div.torrent_footer div#disk_space_container, div.torrent_footer a#preferences_link {
-	float: right;
-	font-size: 12px;
-	vertical-align: middle;
-	margin: 1px 6px 0 0;
-	padding: 2px 0 2px;
-	max-width: 55%;
-	overflow: hidden;
-	white-space: nowrap;
-	text-overflow: ellipsis;
+	z-index: 3;
+	background-color: #6b83a1;
 }
 
-div.torrent_footer a#preferences_link {
+div.torrent_footer > * {
+	position: relative;
 	float: left;
-	font-weight: bold;
-	margin: 1px 0 0 6px;
+	margin-right: 30px;
+}
+div.torrent_footer > * {
+	height: 18px;
+	width: 32px;
+	cursor: pointer;
+	-moz-user-select: none;
+	-webkit-user-select: none;
 }
 
-body.prefs_showing div.torrent_footer a#preferences_link, body.dialog_showing div.torrent_footer a#preferences_link {
+div.torrent_footer ul#settings_menu {
 	display: none;
 }
 
-iframe#torrent_upload_frame {
-	display: block; /* Don't change this : safari forms won't target hidden frames (they open a new window) */
-	position: absolute;
-	top: -1000px;
-	left: -1000px;
-	width: 0px;
-	height: 0px;
-	border: none;
-	padding: 0;
-	margin: 0;
+#turtle-button {
+	background: transparent url('../images/graphics/chrome.png') left -18px no-repeat;
 }
-
-div.torrent_footer #compact-button,
-div.torrent_footer #turtle-button {
-	position: absolute;
-	height: 18px;
-	width: 32px !important;
-	top: 0px;
-	margin: 2px;
+#turtle-button:active {
+	background-position: -32px -18px;
+}
+#turtle-button.enabled {
+	background-position: left -36px;
+}
+#turtle-button.enabled:active {
+	background-position: -32px -36px;
 }
 
 #compact-button {
-	right: 0px;
-        background: transparent url('../images/graphics/chrome.png') left -54px no-repeat;
+	background: transparent url('../images/graphics/chrome.png') left -54px no-repeat;
 }
 #compact-button:active {
-        background-position: -32px -54px;
+	background-position: -32px -54px;
 }
 #compact-button.enabled {
-        background-position: left -72px;
+	background-position: left -72px;
 }
 #compact-button.enabled:active {
-        background-position: -32px -72px;
+	background-position: -32px -72px;
 }
 
-#turtle-button {
-	left: 0px;
-        background: transparent url('../images/graphics/chrome.png') left -18px no-repeat;
+#prefs-button {
+	background: transparent url('../images/graphics/chrome.png') left -90px no-repeat;
 }
-#turtle-button:active {
-        background-position: -32px -18px;
-}
-#turtle-button.enabled {
-        background-position: left -36px;
+#prefs-button:active {
+	background-position: -32px -90px;
 }
-#turtle-button.enabled:active {
-        background-position: -32px -36px;
+
+/****
+*****
+*****  POPUP MENU
+*****
+****/
+
+.trans_menu,
+.trans_menu * {
+	display: none;
 }
 
+
 /*--------------------------------------
  *
  * Hide remnants of stuff we don't need, like
@@ -955,6 +902,18 @@ div.torrent_footer #turtle-button {
  *
  *--------------------------------------*/
 
-.torrent_footer div.main_container, .torrent_footer ul#settings_menu, div.torrent_footer ul#settings_menu li#button, div#torrent_context_menu {
+div#torrent_context_menu {
 	display: none;
 }
+
+iframe#torrent_upload_frame {
+	display: block; /* Don't change this : safari forms won't target hidden frames (they open a new window) */
+	position: absolute;
+	top: -1000px;
+	left: -1000px;
+	width: 0px;
+	height: 0px;
+	border: none;
+	padding: 0;
+	margin: 0;
+}
-- 
2.40.0