diff --git a/index.php b/index.php
index 31f093b..cead914 100644
--- a/index.php
+++ b/index.php
@@ -18,36 +18,6 @@
 
 		<script src="https://ajax.googleapis.com/ajax/libs/jquery/1.6.4/jquery.min.js"></script>
 		<script src="js/jquery.filedrop.js"></script>
-		<script>
-			$('#drop').filedrop({
-				url: 			'upload.php',
-				paramname: 		'file', 
-				maxfiles: 		4,
-				maxfilesize: 	1,
-
-				uploadFinished: function(i, file, response, time) {
-					
-				},
-				beforeEach: 	function(file) {
-					alert('temp attempting upload')	;
-				},
-
-				error: 			function(type, file) {
-					switch(type) {
-						case 'BrowserNotSupported':
-							alert('temp no html5 drag and drop');
-							break;
-						case 'TooManyFiles':
-							alert('temp too many files (max:4)');
-							break;
-						case 'FileTooLarge':
-							alert('temp' + file.name + ' too large (max:1mb');
-							break;
-						default:
-							break;
-					}
-				},
-			});
-		</script>
+		<script src="js/upload.js"></script>
    </body>
 </html>
\ No newline at end of file
diff --git a/js/upload.js b/js/upload.js
new file mode 100644
index 0000000..e9b5dc6
--- /dev/null
+++ b/js/upload.js
@@ -0,0 +1,29 @@
+$('#drop').filedrop({
+	url: 			'upload.php',
+	paramname: 		'file', 
+	maxfiles: 		4,
+	maxfilesize: 	1,
+
+	uploadFinished: function(i, file, response, time) {
+		
+	},
+	beforeEach: 	function(file) {
+		alert('temp attempting upload')	;
+	},
+
+	error: 			function(type, file) {
+		switch(type) {
+			case 'BrowserNotSupported':
+				alert('temp no html5 drag and drop');
+				break;
+			case 'TooManyFiles':
+				alert('temp too many files (max:4)');
+				break;
+			case 'FileTooLarge':
+				alert('temp' + file.name + ' too large (max:1mb');
+				break;
+			default:
+				break;
+		}
+	},
+});
\ No newline at end of file