diff --git a/deluge/ui/web/index.html b/deluge/ui/web/index.html
index 5baebb422..9a18e3420 100644
--- a/deluge/ui/web/index.html
+++ b/deluge/ui/web/index.html
@@ -15,6 +15,7 @@
         <script type="text/javascript" src="/js/rpc.js"></script>
         <script type="text/javascript" src="/gettext.js"></script>
         <script type="text/javascript" src="/js/deluge.js"></script>
+        <script type="text/javascript" src="/js/deluge-ext.js"></script>
         <script type="text/javascript" src="/js/deluge-login.js"></script>
         <script type="text/javascript" src="/js/deluge-menus.js"></script>
         <script type="text/javascript" src="/js/deluge-bars.js"></script>
diff --git a/deluge/ui/web/js/deluge-details.js b/deluge/ui/web/js/deluge-details.js
index e558a7709..11bdf6978 100644
--- a/deluge/ui/web/js/deluge-details.js
+++ b/deluge/ui/web/js/deluge-details.js
@@ -22,37 +22,6 @@ Copyright:
 		Boston, MA  02110-1301, USA.
 */
 
-Deluge.FilesTreeLoader = Ext.extend(Ext.tree.TreeLoader, {
-	initComponent: function() {
-		Deluge.FilesTreeLoader.superclass.initComponent.call(this);
-	},
-});
-
-Deluge.ProgressBar = Ext.extend(Ext.ProgressBar, {
-	initComponent: function() {
-		Deluge.ProgressBar.superclass.initComponent.call(this);
-	},
-	
-	updateProgress: function(value, text, animate) {
-		this.value = value || 0;
-		if (text) {
-			this.updateText(text);
-		}
-		
-		if (this.rendered) {
-			var w = Math.floor(value*this.el.dom.firstChild.offsetWidth / 100.0);
-	        this.progressBar.setWidth(w, animate === true || (animate !== false && this.animate));
-	        if (this.textTopEl) {
-	            //textTopEl should be the same width as the bar so overflow will clip as the bar moves
-	            this.textTopEl.removeClass('x-hidden').setWidth(w);
-	        }
-		}
-		this.fireEvent('update', this, value, text);
-		return this;
-	}
-});
-Ext.reg('deluge-progress', Deluge.ProgressBar);
-
 Deluge.Details = {
 	clear: function() {
 		this.Panel.items.each(function(item) {
diff --git a/deluge/ui/web/js/deluge-ext.js b/deluge/ui/web/js/deluge-ext.js
new file mode 100644
index 000000000..d70f40fac
--- /dev/null
+++ b/deluge/ui/web/js/deluge-ext.js
@@ -0,0 +1,53 @@
+/*
+Script: deluge-ext.js
+    Container for all classes that extend Exts native classes.
+
+Copyright:
+	(C) Damien Churchill 2009 <damoxc@gmail.com>
+	This program is free software; you can redistribute it and/or modify
+	it under the terms of the GNU General Public License as published by
+	the Free Software Foundation; either version 3, or (at your option)
+	any later version.
+
+	This program is distributed in the hope that it will be useful,
+	but WITHOUT ANY WARRANTY; without even the implied warranty of
+	MERCHANTABILITY or FITNESS FOR A PARTICULAR PURPOSE.  See the
+	GNU General Public License for more details.
+
+	You should have received a copy of the GNU General Public License
+	along with this program.  If not, write to:
+		The Free Software Foundation, Inc.,
+		51 Franklin Street, Fifth Floor
+		Boston, MA  02110-1301, USA.
+*/
+
+Deluge.FilesTreeLoader = Ext.extend(Ext.tree.TreeLoader, {
+	initComponent: function() {
+		Deluge.FilesTreeLoader.superclass.initComponent.call(this);
+	},
+});
+
+Deluge.ProgressBar = Ext.extend(Ext.ProgressBar, {
+	initComponent: function() {
+		Deluge.ProgressBar.superclass.initComponent.call(this);
+	},
+	
+	updateProgress: function(value, text, animate) {
+		this.value = value || 0;
+		if (text) {
+			this.updateText(text);
+		}
+		
+		if (this.rendered) {
+			var w = Math.floor(value*this.el.dom.firstChild.offsetWidth / 100.0);
+	        this.progressBar.setWidth(w, animate === true || (animate !== false && this.animate));
+	        if (this.textTopEl) {
+	            //textTopEl should be the same width as the bar so overflow will clip as the bar moves
+	            this.textTopEl.removeClass('x-hidden').setWidth(w);
+	        }
+		}
+		this.fireEvent('update', this, value, text);
+		return this;
+	}
+});
+Ext.reg('deluge-progress', Deluge.ProgressBar);
\ No newline at end of file