Added new static content

128 files changed, 2451 insertions, 25 deletions

diff --git a/static/ako.gif b/static/ako.gif
new file mode 100644
index 0000000..3f94cfa
--- /dev/null
+++ b/static/ako.gif
diff --git a/static/beingpostednow.png b/static/beingpostednow.png
new file mode 100644
index 0000000..5087009
--- /dev/null
+++ b/static/beingpostednow.png
diff --git a/static/duh.gif b/static/duh.gif
new file mode 100644
index 0000000..d39158e
--- /dev/null
+++ b/static/duh.gif
diff --git a/static/dumpnewuser.css b/static/dumpnewuser.css
index c15f432..313c228 100644
--- a/static/dumpnewuser.css
+++ b/static/dumpnewuser.css
@@ -22,6 +22,14 @@ z-index:2000;
 right:20px;
 bottom:39px;
 }
+#registerlink{
+top:7;
+padding:5;
+position:fixed;
+}
+#registerlink img{
+margin-right:5;
+}
 #userlisthelp{
 position:fixed;
 top:100px;
@@ -50,7 +58,7 @@ right:10px;
 }
 #readyjoin{
 position:fixed;
-top:27px;
+top:23px;
 left:180px;
 z-index:2000;
 }
diff --git a/static/dumppreview.gif b/static/dumppreview.gif
new file mode 100644
index 0000000..3bb83f0
--- /dev/null
+++ b/static/dumppreview.gif
diff --git a/static/dumppreview.png b/static/dumppreview.png
new file mode 100644
index 0000000..0e3c52d
--- /dev/null
+++ b/static/dumppreview.png
diff --git a/static/hugescreen.png b/static/hugescreen.png
new file mode 100644
index 0000000..eb0266f
--- /dev/null
+++ b/static/hugescreen.png
diff --git a/static/ieburnbtn.gif b/static/ieburnbtn.gif
new file mode 100644
index 0000000..266ccd2
--- /dev/null
+++ b/static/ieburnbtn.gif
diff --git a/static/imageboard.png b/static/imageboard.png
index 807f1dd..7e917f2 100644
--- a/static/imageboard.png
+++ b/static/imageboard.png
diff --git a/static/index.html b/static/index.html
index da98e29..b1d650c 100755
--- a/static/index.html
+++ b/static/index.html
@@ -183,8 +183,8 @@ label {
       <p align="center" class="line">Talk with pictures!</p>
       <div align="right" class="txt">
         <br>
-        <div align="center">Right now dump.fm is invite only...<br>
-          If you have a registration code, <a href="/register" style="text-decoration:none;">click here!</a> <br>
+        <div align="center">dump.fm lets you talk with pictures<br>
+        <a href="/register" style="text-decoration:none;">Click here to Register!</a> <br>
         </div>
       </div>
     </div>
diff --git a/static/js/register.js b/static/js/register.js
index c87eadc..31d32e5 100755
--- a/static/js/register.js
+++ b/static/js/register.js
@@ -4,15 +4,22 @@ function validateNick(n) {
     }
 }
 
-// HOPE NO HACKERS ARE READING THIS :o
-var ValidCodes = ['WAXWANYE23',
-		    'HOTDUMPING5000','RHIZOME','VIP666','HEATNAP','anamanaguchi',];
+
+function submitRegistration() {
+    var nick = $('#nickInput').val();
+    var email = $('#emailInput').val();
+    var password = $('#passwordInput').val() || "";function validateNick(n) {
+    if (n.length <= 2) {
+	return "BAD_NICK_LENGTH";
+    }
+}
+
 
 function submitRegistration() {
     var nick = $('#nickInput').val();
     var email = $('#emailInput').val();
     var password = $('#passwordInput').val() || "";
-    var code = $('#codeInput').val();
+
 
     if (nick.length < 3 || nick.length > 12) {
 	alert("Nicks must be between 3 and 12 characters long.");
@@ -22,11 +29,66 @@ function submitRegistration() {
 	return;
     }
 
-    if ($.inArray(code.toUpperCase(), ValidCodes) == -1) {
-	alert("Bad registration code! Try again dude...." );
+  
+
+    var hash = hex_sha1(nick + '$' + password + '$dumpfm');
+    var onSuccess = function() {
+	 if (typeof pageTracker !== 'undefined') {
+          pageTracker._trackEvent('User', 'Register', nick);
+        }
+        location.href = "/";
+    };
+
+    var onError = function(resp) {
+	var respText = resp.responseText ? resp.responseText.trim() : false;
+	if (respText == 'NICK_TAKEN') {
+	    alert("That nick is already taken! Please choose another.");
+	} else if (respText == 'NICK_INVALID_CHARS') {
+	    alert("Nicks can only contain letters and numbers.");
+	} else {
+            alert("Unable to register!");	    
+	}
+    };
+
+    $.ajax({
+        type: 'POST',
+        timeout: 5000,
+        url: 'submit-registration',
+        data: {'nick': nick, 'email': email, 'hash': hash },
+        cache: false,
+        dataType: 'json',
+        success: onSuccess,
+        error: onError
+
+    });
+}
+
+function initRegister() {
+    $('#submit').click(submitRegistration);
+}
+
+function handleMsgError(resp) {
+    var respText = resp.responseText ? resp.responseText.trim() : false;
+    if (respText  == 'UNKNOWN_USER') {
+        alert("Can't send message! Please login.");
+    } else if (respText) {
+        alert("Cannot send message! (" + respText + ")");
+    } else {
+        alert("Cannot send message!");
+    }
+}
+
+
+    if (nick.length < 3 || nick.length > 12) {
+	alert("Nicks must be between 3 and 12 characters long.");
+	return;
+    } else if (password.length < 5) {
+	alert("Password must be at least 5 characters long.");
 	return;
     }
 
+  
+
     var hash = hex_sha1(nick + '$' + password + '$dumpfm');
     var onSuccess = function() {
 	 if (typeof pageTracker !== 'undefined') {
diff --git a/static/posthere.png b/static/posthere.png
index 99d871d..0e3b8f1 100644
--- a/static/posthere.png
+++ b/static/posthere.png
diff --git a/static/readyjoin.png b/static/readyjoin.png
index da8240c..a2b054b 100644
--- a/static/readyjoin.png
+++ b/static/readyjoin.png
diff --git a/static/register.html b/static/register.html
index 2490542..acdb8ed 100644
--- a/static/register.html
+++ b/static/register.html
@@ -15,6 +15,11 @@
 
 <style type="text/css">
 
+
+
+<!--
+
+
 <!--
 .white a:link {
 	text-decoration: none;
@@ -42,7 +47,7 @@
 	background-position:center;
 	width:460px;
 	margin: 0px auto -1px auto;
-	height:400px;
+padding:25;
 padding-top:5;
 	z-index:2;
 	opacity:0.9;
@@ -67,7 +72,7 @@ padding-top:5;
 -webkit-box-shadow: 5px 5px 100px #c8cbce;
 -moz-box-shadow: 5px 5px 100px #c8cbce;
 }
-#main img{margin-left:80;
+#main img{margin-left:100;
 
 }
 #logout7{
@@ -195,6 +200,8 @@ top:15px;
 
 -->
 
+
+
 </style>
 
 <body>
@@ -228,9 +235,6 @@ top:15px;
           <input type="text" class="field"id="emailInput" />
         </h1>
 
-	 <h1><span> regcode</span>
-          <input type="text" class="field" id="codeInput" />
-        </h1>
 
          
          <h1><br />
diff --git a/static/search/browser.css b/static/search/browser.css
new file mode 100755
index 0000000..75b393a
--- /dev/null
+++ b/static/search/browser.css
@@ -0,0 +1,545 @@
+/* pichat.css */
+
+  body {
+	  font-size:13;
+	  font-family:"Trebuchet MS", Arial, Helvetica, sans-serif;
+	  margin:2%;
+	background:#EEF2FF url(/static/fade-blue.png) top center repeat-x;
+	background-repeat:repeat-x;
+	background-position:top;
+	
+}
+#rapper{
+}
+	#container {
+				text-align: left;
+				font-family: sans-serif;
+				color: #4E4848;
+				margin-left: auto;
+				margin-right: auto;
+				width: 1200px;
+			}
+			#description {display:none;width:790px;}
+					#description div, .post, .result {}
+					#description p > p,#description p {margin:0;line-height:1;width:auto;}
+					#description img {float:left;margin:0 12px 12px 0;}
+table.search{font-family:Verdana,Arial,Helvetica,sans-serif;text-align:left;font-size:11px;color:#333}
+.gsc-trailing-more-results,.gsc-resultsHeader,
+.gsc-search-box{display:none;}
+.gsc-results{padding-left:0px;}
+#searchControl 
+.gsc-control{width:600;height:30;padding:0px;padding-left:0;}select, label{font:bold 11px Arial,Helvetica,sans-serif;color:#003;text-transform:uppercase;margin-right:5px;}
+input#q{width:400;height:25px;font:bold Arial,Helvetica,sans-serif;color:#F00;}
+input#submit{
+	width:100px;
+height:28px;
+font-size:20px;
+background-image:url(/static/bg-btn-blue.png);
+	text-align:center;
+	z-index:100;
+	cursor:pointer;
+	background-color:#087cff;
+	font-size:12px;
+	color:#fff;
+	text-shadow:1px 1px 3px rgba(0,0,0,0.5);
+}
+#logo{padding-left:20;}
+
+#ish{width:520;
+padding:20;
+height:550;
+background-color:#fff;
+border:1px solid #f0e0d6;
+	box-shadow: 0 0 10px #d8dbde, 0px 0px 10px #d8dbde;
+  -webkit-box-shadow: 0 0 10px #d8dbde, 0px 0px 10px #d8dbde;
+  -moz-box-shadow: 0 0 10px #d8dbde, 0px 0px 10px #d8dbde;
+	background-color:#ffffee;
+	background-image:url(/static/chanbg.png);
+	background-repeat:repeat-x;
+	border-top-left-radius:15px;
+	border-top-right-radius:15px;
+	-webkit-border-top-left-radius:15px;
+	-webkit-border-top-right-radius:15px;
+	-moz-border-radius-topleft:15px;
+	-moz-border-radius-topright:15px;
+	border-bottom-left-radius:15px;
+	border-bottom-right-radius:15px;
+	-webkit-border-bottom-left-radius:15px;
+	-webkit-border-bottom-right-radius:15px;
+	-moz-border-radius-bottomleft:15px;
+	-moz-border-radius-bottomright:15px;
+}
+
+#content{
+    z-index: 3;
+    overflow: auto;
+	min-width:600px;
+}
+
+#chatboxx {
+    position: fixed;
+    top:80px;
+}
+
+
+#footerc
+{
+	text-align:center;
+	position:fixed;
+	width:100%;
+	bottom:0px;
+line-height:3.1;
+	font-size:11px;
+word-spacing:8px;
+height:28px;
+	color: #000;
+
+}
+#footerc a {
+	font-size: 11px;
+	color: #000;
+}
+#footerc a:link {
+	text-decoration: none;
+	font-size: 11px;
+color:000;
+}
+
+#footerc a:hover {
+	text-decoration:none;
+	font-size: 11px;
+	color: #f0e;
+}
+
+
+#messagePane {
+
+
+
+top:40px;
+bottom:20px;
+	position:fixed;
+	width: 100%;
+
+left:0.1%;
+
+	z-index:5;
+}
+
+#messageList {
+    height: 100%;
+    width: 100%;
+    overflow-y: auto;
+    overflow-x: hidden;
+}
+
+#msgInputDiv {
+	position:relative;
+	min-width:500px;
+	z-index:100;
+left:1px;
+bottom:10px;
+	width: 100%;
+}
+
+#msgInput {
+    width: 100%;
+	z-index:100;
+    margin-top: 15px;
+	left:-3px;
+    position:relative;
+		border:2px solid #c8cbce;
+height:36px;
+font-size:20px;
+    min-width:500px;
+	
+		box-shadow: 2px 3px 4px #eee;
+-webkit-box-shadow: 2px 3px 4px #eee;
+-moz-box-shadow: 2px 3px 4px #eee;
+filter: progid:DXImageTransform.Microsoft.dropShadow(color=#eee, offX=3, offY=4, positive=true);
+}
+.msgInput {
+    min-width:500px;
+	z-index:100;
+}
+
+#msgSubmit {
+	
+	position:absolute;
+	display:inline-block;
+	width:120px;
+height:35px;
+right:0px;
+font-size:20px;
+background-image:url(/static/bg-btn-blue.png);
+top:15px;
+	text-align:center;
+	z-index:100;
+	cursor:pointer;
+	background-color:#087cff;
+	border-top-right-radius:10px;
+	-webkit-border-top-right-radius:5px;
+	-moz-border-radius-topright:5px;
+	border-bottom-right-radius:5px;
+	-webkit-border-bottom-right-radius:5px;
+	-moz-border-radius-bottomright:5px;
+	border-radius:2px;
+	font-size:12px;
+	color:#fff;
+	text-shadow:1px 1px 3px rgba(0,0,0,0.5);
+}
+.msgDiv img{
+    max-width:650px;
+    width: expression(this.width > 650 ? 650: true);
+    max-height:400px;
+    height: expression(this.width > 400 ? 400: true);
+    max-width:400px;
+ z-index: 1;
+}
+.msgDiv {padding:2px;   
+}
+.oldmsg {
+    color: #666;
+}
+
+#userList {
+	overflow-x: hidden;
+	overflow-y:auto;
+	height: auto;
+	margin: 0px;
+	position: absolute;
+	padding: 5px;
+	top:85px;
+	min-width: 150px;
+	width:11%;
+	float:right;
+	right: 6%;
+	font-family: Arial, Helvetica, sans-serif;
+	font-size: 14px;
+	font-weight:420;
+	border-top-left-radius:5px;
+	border-top-right-radius:5px;
+	-webkit-border-top-left-radius:5px;
+	background-color:#FFF;
+	-webkit-border-top-right-radius:5px;
+	-moz-border-radius-topleft:5px;
+	-moz-border-radius-topright:5px;
+	border-bottom-left-radius:5px;
+	border-bottom-right-radius:5px;
+	-webkit-border-bottom-left-radius:5px;
+	-webkit-border-bottom-right-radius:5px;
+	-moz-border-radius-bottomleft:5px;
+	-moz-border-radius-bottomright:5px;
+	max-height:450px;
+		box-shadow: 3px 4px 4px #c8cbce;
+-webkit-box-shadow: 3px 4px 4px #c8cbce;
+-moz-box-shadow: 3px 3px 4px #c8cbce;
+filter: progid:DXImageTransform.Microsoft.dropShadow(color=#c8cbce, offX=3, offY=4, positive=true);
+	text-overflow:ellipsis;
+	z-index:18;
+	text-align: left;
+}
+.username{height:30px;
+margin-top:6px;
+line-height:20px;
+text-indent:6px;
+z-index:18;
+min-width:90px;
+overflow:hidden;
+
+}
+.username a { 
+display:block; 
+width:100%; 
+height:100%; 
+text-decoration:none; 
+}  
+.username a:hover { 
+display:block; 
+width:100%;
+height:100%;
+background-image:url(/static/moverc.png);
+background-repeat:repeat-x;
+color:#fff;
+text-decoration:none;
+background-color:#f3f3f3;
+	border-top-right-radius:5px;
+	-webkit-border-top-right-radius:5px;
+	-moz-border-radius-topright:5px;
+	border-bottom-right-radius:5px;
+	-webkit-border-bottom-right-radius:5px;
+	-moz-border-radius-bottomright:5px;
+}  
+#userList img{
+    max-width:30px;
+    width: expression(this.width > 30 ? 30: true);
+    max-height:30px;
+    height: expression(this.width > 30 ? 30: true);
+    max-width:30px;
+
+	float:right;
+	right:1px;
+	z-index:77;
+	height:30px;
+	border-top-left-radius:3px;
+	border-top-right-radius:3px;
+	-webkit-border-top-left-radius:3px;
+	-webkit-border-top-right-radius:3px;
+	-moz-border-radius-topleft:3px;
+	-moz-border-radius-topright:3px;
+	border-bottom-left-radius:3px;
+	border-bottom-right-radius:3px;
+	-webkit-border-bottom-left-radius:3px;
+	-webkit-border-bottom-right-radius:3px;
+	-moz-border-radius-bottomleft:3px;
+	-moz-border-radius-bottomright:3px;
+}
+
+#userListicon {
+    overflow: auto;
+    height: 70%;
+    margin: 0px;
+    position: fixed;
+    padding: 5px;
+    top:48px;
+    width: 7%;
+    float:right;
+    right: 35px;
+    font-family: Arial, Helvetica, sans-serif;
+    font-size: 12px;
+    text-transform: uppercase;
+    min-width:72px;
+    line-height:13px;
+    z-index:1;
+    font-weight: bold;
+    font-family: Arial, Helvetica, sans-serif;
+    color: #666;
+    text-transform:none;
+    
+}
+#avatar
+{	
+	right:1px;
+	float:right;
+	text-align:left;
+	width:auto;
+	
+}
+
+#binfo {
+    font-family: Arial, Helvetica, sans-serif;
+    font-size: 11px;
+    bottom
+	#chatrap{
+	top: 105px;
+	left:0px;
+	position:absolute;
+	width: 100%;
+	padding-bottom:20px;
+}
+#chatrap{
+	top: 105px;
+	left:0px;
+	position:absolute;
+	width: 100%;
+	padding-bottom:20px;
+}
+
+#input {
+	padding-right:15px;
+	line-height:22px;
+	font-size: 12px;
+}
+    #loghead {
+	border-bottom:0px;
+	padding-left: -50px;
+	margin-right:60%;
+	width:70%;
+	letter-spacing:-3px;
+	color:#504F61;
+	height:28px;
+	font-size:33px;
+	font-family:Arial, Helvetica, sans-serif;
+	font-weight:bold;
+	text-transform:capitalize;
+	text-shadow: -6px 4px 4px #ccc;
+	padding-bottom:12px;
+	left: -40px;
+	background-color: #FFF;
+	top: 80px;
+	position: fixed;
+      }
+
+#logc
+{
+	margin-right:10%;
+	margin-left:10%;
+	background-color:#FFF;
+	padding-left: 40px;
+	padding-bottom: 30px;
+	padding-top: 15px;
+}
+
+
+  #profile {
+	float: right;
+	border:1px solid #000;
+	padding: 20px;
+	width: 180px;
+	margin-right:15%;
+	background-color:#FFF;
+	background-image:url(/static/cloudbg2.png);
+	background-position:center;
+	z-index:10;
+	border-top-right-radius:5px;
+	-webkit-border-top-right-radius:5px;
+	-moz-border-radius-topright:5px;
+	min-height:600px;
+      }
+#chatrap{
+	top: 105px;
+	left:0px;
+	position:absolute;
+	width: 100%;
+	margin: 0;
+	padding-bottom:105px;
+}
+
+#log
+{
+	border: 2px #F1F1F1;
+	margin-right:15%;
+	margin-left:15%;
+	background-color:#FFF;
+	padding-left: 40px;
+	padding-bottom: 80px;
+	padding-top: 15px;
+	min-height: 800px;
+	border-top-left-radius:5px;
+	border-top-right-radius:5px;
+	-webkit-border-top-left-radius:5px;
+	-webkit-border-top-right-radius:5px;
+	-moz-border-radius-topleft:5px;
+	-moz-border-radius-topright:5px;
+	border-bottom-left-radius:5px;
+	border-bottom-right-radius:5px;
+	-webkit-border-bottom-left-radius:5px;
+	-webkit-border-bottom-right-radius:5px;
+	-moz-border-radius-bottomleft:5px;
+	-moz-border-radius-bottomright:5px;
+}
+#posts {
+	
+	
+	
+}
+.logged-dump img{
+    max-width:650px;
+    width: expression(this.width > 500 ? 500: true);
+    max-height:400px;
+    height: expression(this.width > 500 ? 500: true);
+	border:0px;
+	z-index:4;
+	
+   
+  
+}
+.logged-dump{ 
+
+
+
+
+	padding: 15px;
+	font-family: Arial, Helvetica, sans-serif;
+	margin-left:15%;
+	width:60%;
+	
+	font-size: 12px;
+	text-transform: uppercase;
+	border-top-left-radius:5px;border-top-right-radius:5px;-webkit-border-top-left-radius:5px;-webkit-border-top-right-radius:5px;-moz-border-radius-topleft:5px;-moz-border-radius-topright:5px;
+	border-bottom-left-radius:5px;border-bottom-right-radius:5px;-webkit-border-bottom-left-radius:5px;-webkit-border-bottom-right-radius:5px;-moz-border-radius-bottomleft:5px;-moz-border-radius-bottomright:5px;
+	min-width:72px;
+	line-height:15px;
+	background-color:#F2F2F2;
+	background-image:/static/footer.png;
+	background-position:bottom;
+	border:solid 1px #0f1e31;
+	z-index:4;
+	text-align: left;
+	margin:15px;
+	line-height:5px;
+	
+	
+}
+      .editable {
+         color: #0AA;
+      }
+      .editing {
+         color: #F0F;
+      }
+      div#avatar {
+          overflow: hidden;
+          text-overflow: ellipsis;
+      }
+
+      img#avatarPic {
+         max-height:250px;
+      }
+
+      #logged-dump {
+          border: 1px solid dotted;
+          padding: 5px;
+      }
+	        #loghead {
+	border-bottom:0px;
+	padding-left: -50px;
+	margin-right:60%;
+	width:auto;
+	letter-spacing:-3px;
+	color:#087cff;
+	height:28px;
+	font-size:33px;
+	font-family:Arial, Helvetica, sans-serif;
+	font-weight:bold;
+	text-transform:capitalize;
+	text-shadow: -6px 4px 4px #ccc;
+	padding-bottom:12px;
+	left: -40px;
+      }
+      #logo7{
+      font-size:30;
+		text-shadow: 1px 1px 1px #000,   2px 3px 1px #f0e;
+color:#fff;  
+font-weight:bold;
+}
+
+p {
+	font-family: Verdana, Arial, Helvetica, sans-serif;
+	font-size: 7px;
+}
+a {
+	font-size: 12px;
+	color: #000;
+}
+a:link {
+	text-decoration: none;
+}
+a:visited {
+	text-decoration: none;
+	color: #000;
+}
+a:hover {
+	text-decoration: none;
+	color: #00F;
+}
+a:active {
+	text-decoration: none;
+	color: #000;
+}
+td {
+	font-family: Arial, Helvetica, sans-serif;
+	letter-spacing:-1px;
+	font-size: 12px;
+	color: #000000;
+}
+.btnav {  border: 0px #000000 solid;} 
diff --git a/static/search/browser.html b/static/search/browser.html
index a3e6f17..98cfd45 100755
--- a/static/search/browser.html
+++ b/static/search/browser.html
@@ -2,15 +2,13 @@
 <head> 
 <meta http-equiv="Content-Type" content="text/html; charset=UTF-8"/> 
 <title>dump.fm</title> 
-    <link rel="stylesheet" type="text/css" href="/static/browser.css">
+    <link rel="stylesheet" type="text/css" href="/static/search/browser.css">
 
 <script type="text/javascript" src="http://ajax.googleapis.com/ajax/libs/jquery/1.3.2/jquery.min.js"></script> 
   <script src="dumpsearch.js" type="text/javascript"></script> 
-  <script type="text/javascript" src="all.js"></script> 
-  <script type="text/javascript" src="cufon-yui.js"></script> 
   <script src="/static/js-global/FancyZoom.js" type="text/javascript"></script>
 <script src="/static/js-global/FancyZoomHTML.js" type="text/javascript"></script>
-  <script type="text/javascript" src="futura.js"></script>
+
   
 </head>
 <body>
@@ -35,15 +33,14 @@ font-weight:bold;">image search</div>
         <table class="search" width="425" border="0" cellpadding="5" cellspacing="0"> 
           
           
-          <a href="#" id="about">options</a></div>
+   
           </table> 
         
         
       </div>
 </div>
     <div id="description"> 
-      <div align="left"><a href="#" class="closeinfo"></a>    
-        </p>        
+       
         
       </div>
       <div>
@@ -88,7 +85,7 @@ font-weight:bold;">image search</div>
                   </td> 
               </tr> 
             
-            <tr> 
+
               
               </tr> 
             <tr> 
@@ -115,9 +112,9 @@ font-weight:bold;">image search</div>
                 <input type="radio" name="size" value="large" onClick="searchImages();"> 
                 Large
                 <input type="radio" name="size"  value="xlarge" onClick="searchImages();"> 
-                Extra Large
+                XXL
                 <input type="radio" name="size"  value="0" checked onClick="searchImages();"> 
-                All Sizes</p></td> 
+                Everything</p></td> 
               </tr> 
             <tr> 
               <td colspan="2"><p>
@@ -253,7 +250,7 @@ font-weight:bold;">image search</div>
 		type: 'POST',
 		timeout: 5000,
 		url: '/msg',
-		data: { 'room': 'RoomA', 'content': res.unescapedUrl },
+		data: { 'room': 'dumpfm', 'content': res.unescapedUrl },
 		cache: false,
 		dataType: 'json'	
    	 });  
diff --git a/static/trash/20bar.png b/static/trash/20bar.png
new file mode 100644
index 0000000..1bbd234
--- /dev/null
+++ b/static/trash/20bar.png
diff --git a/static/trash/20bar2.png b/static/trash/20bar2.png
new file mode 100644
index 0000000..1bbd234
--- /dev/null
+++ b/static/trash/20bar2.png
diff --git a/static/trash/20bar3.png b/static/trash/20bar3.png
new file mode 100644
index 0000000..1b05876
--- /dev/null
+++ b/static/trash/20bar3.png
diff --git a/static/trash/20bar4.png b/static/trash/20bar4.png
new file mode 100644
index 0000000..80db403
--- /dev/null
+++ b/static/trash/20bar4.png
diff --git a/static/trash/20bar5.png b/static/trash/20bar5.png
new file mode 100644
index 0000000..51f2a2a
--- /dev/null
+++ b/static/trash/20bar5.png
diff --git a/static/trash/20bar6.png b/static/trash/20bar6.png
new file mode 100644
index 0000000..93dd55a
--- /dev/null
+++ b/static/trash/20bar6.png
diff --git a/static/trash/background13.gif b/static/trash/background13.gif
new file mode 100755
index 0000000..d087dad
--- /dev/null
+++ b/static/trash/background13.gif
diff --git a/static/trash/background4.gif b/static/trash/background4.gif
new file mode 100755
index 0000000..675add6
--- /dev/null
+++ b/static/trash/background4.gif
diff --git a/static/trash/baygrad.png b/static/trash/baygrad.png
new file mode 100644
index 0000000..e80c347
--- /dev/null
+++ b/static/trash/baygrad.png
diff --git a/static/trash/bg-random.gif b/static/trash/bg-random.gif
new file mode 100755
index 0000000..12ce8c5
--- /dev/null
+++ b/static/trash/bg-random.gif
diff --git a/static/trash/bg4.png b/static/trash/bg4.png
new file mode 100755
index 0000000..e20fda8
--- /dev/null
+++ b/static/trash/bg4.png
diff --git a/static/trash/bg55.png b/static/trash/bg55.png
new file mode 100755
index 0000000..f16a548
--- /dev/null
+++ b/static/trash/bg55.png
diff --git a/static/trash/bgb.png b/static/trash/bgb.png
new file mode 100755
index 0000000..3a1c5d2
--- /dev/null
+++ b/static/trash/bgb.png
diff --git a/static/trash/bgpat.gif b/static/trash/bgpat.gif
new file mode 100755
index 0000000..86edce9
--- /dev/null
+++ b/static/trash/bgpat.gif
diff --git a/static/trash/bgto.gif b/static/trash/bgto.gif
new file mode 100755
index 0000000..3411a54
--- /dev/null
+++ b/static/trash/bgto.gif
diff --git a/static/trash/blink.gif b/static/trash/blink.gif
new file mode 100755
index 0000000..0776f7f
--- /dev/null
+++ b/static/trash/blink.gif
diff --git a/static/trash/bluego.png b/static/trash/bluego.png
new file mode 100755
index 0000000..8bcd35f
--- /dev/null
+++ b/static/trash/bluego.png
diff --git a/static/trash/bottoml.png b/static/trash/bottoml.png
new file mode 100755
index 0000000..0f52893
--- /dev/null
+++ b/static/trash/bottoml.png
diff --git a/static/trash/bottomr.png b/static/trash/bottomr.png
new file mode 100755
index 0000000..5904272
--- /dev/null
+++ b/static/trash/bottomr.png
diff --git a/static/trash/britglobe2.gif b/static/trash/britglobe2.gif
new file mode 100755
index 0000000..c972e08
--- /dev/null
+++ b/static/trash/britglobe2.gif
diff --git a/static/trash/brokenlink.gif b/static/trash/brokenlink.gif
new file mode 100755
index 0000000..0e18a55
--- /dev/null
+++ b/static/trash/brokenlink.gif
diff --git a/static/trash/bubley.png b/static/trash/bubley.png
new file mode 100755
index 0000000..fe6eb82
--- /dev/null
+++ b/static/trash/bubley.png
diff --git a/static/trash/cat.jpeg b/static/trash/cat.jpeg
new file mode 100755
index 0000000..f6bfa16
--- /dev/null
+++ b/static/trash/cat.jpeg
diff --git a/static/trash/cloudbg.png b/static/trash/cloudbg.png
new file mode 100755
index 0000000..f397899
--- /dev/null
+++ b/static/trash/cloudbg.png
diff --git a/static/trash/cloudbg1.png b/static/trash/cloudbg1.png
new file mode 100755
index 0000000..f397899
--- /dev/null
+++ b/static/trash/cloudbg1.png
diff --git a/static/trash/cloudbg2.png b/static/trash/cloudbg2.png
new file mode 100755
index 0000000..a1d2b6e
--- /dev/null
+++ b/static/trash/cloudbg2.png
diff --git a/static/trash/d.png b/static/trash/d.png
new file mode 100755
index 0000000..63a7bbb
--- /dev/null
+++ b/static/trash/d.png
diff --git a/static/trash/d3d1.gif b/static/trash/d3d1.gif
new file mode 100755
index 0000000..0e88f7b
--- /dev/null
+++ b/static/trash/d3d1.gif
diff --git a/static/trash/dblue.png b/static/trash/dblue.png
new file mode 100755
index 0000000..3a99764
--- /dev/null
+++ b/static/trash/dblue.png
diff --git a/static/trash/dddump.png b/static/trash/dddump.png
new file mode 100755
index 0000000..593f9a2
--- /dev/null
+++ b/static/trash/dddump.png
diff --git a/static/trash/dddump2.png b/static/trash/dddump2.png
new file mode 100755
index 0000000..df200c7
--- /dev/null
+++ b/static/trash/dddump2.png
diff --git a/static/trash/dfm.png b/static/trash/dfm.png
new file mode 100755
index 0000000..5e8357e
--- /dev/null
+++ b/static/trash/dfm.png
diff --git a/static/trash/dumgradbub2.png b/static/trash/dumgradbub2.png
new file mode 100755
index 0000000..1de255d
--- /dev/null
+++ b/static/trash/dumgradbub2.png
diff --git a/static/trash/dump.gif b/static/trash/dump.gif
new file mode 100755
index 0000000..f1633be
--- /dev/null
+++ b/static/trash/dump.gif
diff --git a/static/trash/dumpbgword.gif b/static/trash/dumpbgword.gif
new file mode 100755
index 0000000..27754fa
--- /dev/null
+++ b/static/trash/dumpbgword.gif
diff --git a/static/trash/dumpbub.png b/static/trash/dumpbub.png
new file mode 100755
index 0000000..382a25c
--- /dev/null
+++ b/static/trash/dumpbub.png
diff --git a/static/trash/dumpd.gif b/static/trash/dumpd.gif
new file mode 100755
index 0000000..e571668
--- /dev/null
+++ b/static/trash/dumpd.gif
diff --git a/static/trash/dumpd.png b/static/trash/dumpd.png
new file mode 100755
index 0000000..0f56f50
--- /dev/null
+++ b/static/trash/dumpd.png
diff --git a/static/trash/dumpl2.png b/static/trash/dumpl2.png
new file mode 100755
index 0000000..f0c7263
--- /dev/null
+++ b/static/trash/dumpl2.png
diff --git a/static/trash/favicon2.ico b/static/trash/favicon2.ico
new file mode 100755
index 0000000..c64876f
--- /dev/null
+++ b/static/trash/favicon2.ico
diff --git a/static/trash/favicon6.ico b/static/trash/favicon6.ico
new file mode 100755
index 0000000..027dae5
--- /dev/null
+++ b/static/trash/favicon6.ico
diff --git a/static/trash/favicon7.ico b/static/trash/favicon7.ico
new file mode 100755
index 0000000..064a3f9
--- /dev/null
+++ b/static/trash/favicon7.ico
diff --git a/static/trash/footer.png b/static/trash/footer.png
new file mode 100755
index 0000000..d83aafd
--- /dev/null
+++ b/static/trash/footer.png
diff --git a/static/trash/footer1.png b/static/trash/footer1.png
new file mode 100755
index 0000000..b471698
--- /dev/null
+++ b/static/trash/footer1.png
diff --git a/static/trash/forealz.gif b/static/trash/forealz.gif
new file mode 100755
index 0000000..63723bf
--- /dev/null
+++ b/static/trash/forealz.gif
diff --git a/static/trash/fuckit.gif b/static/trash/fuckit.gif
new file mode 100755
index 0000000..9f94cf6
--- /dev/null
+++ b/static/trash/fuckit.gif
diff --git a/static/trash/gaga.gif b/static/trash/gaga.gif
new file mode 100755
index 0000000..efaf4eb
--- /dev/null
+++ b/static/trash/gaga.gif
diff --git a/static/trash/getstarted.gif b/static/trash/getstarted.gif
new file mode 100755
index 0000000..b581589
--- /dev/null
+++ b/static/trash/getstarted.gif
diff --git a/static/trash/getstarted.html b/static/trash/getstarted.html
new file mode 100755
index 0000000..c1ac1b1
--- /dev/null
+++ b/static/trash/getstarted.html
@@ -0,0 +1,95 @@
+<!DOCTYPE html PUBLIC "-//W3C//DTD XHTML 1.0 Transitional//EN" "http://www.w3.org/TR/xhtml1/DTD/xhtml1-transitional.dtd">
+<html xmlns="http://www.w3.org/1999/xhtml">
+<head>
+<meta http-equiv="Content-Type" content="text/html; charset=UTF-8" />
+<title>dump.fm</title>
+<link rel="stylesheet" type="text/css" href="main2.css">
+    <link rel="stylesheet" type="text/css" href="static/reset.css">
+    <link rel="shortcut icon" href="static/favicon.ico">
+    <script type="text/javascript" src="http://ajax.googleapis.com/ajax/libs/jquery/1.3.2/jquery.min.js"></script>
+    <script type="text/javascript" src="static/sha1.js"></script>
+    <script type="text/javascript" src="static/register.js"></script>
+    
+    
+        <script>
+      $(document).ready(initRegister);
+    </script>   
+
+<style type="text/css">
+<!--
+a:link {
+	text-decoration: none;
+	
+}
+a:visited {
+	text-decoration: none;
+	border: 0px;
+}
+a:hover {
+	text-decoration: none;
+	border: 0px;
+}
+a:active {
+	text-decoration: none;
+	border: 0px;
+}
+img{border: 0px;}
+-->
+</style>
+</head>
+<body>
+
+<div id="apDiv2">
+  <div align="center"><img src="dfm.png" width="384" height="136" />
+  </div>
+  <div id="about">
+    <p align="left"><a href="room.html"><img src="try.gif" width="159" height="96" /></a></p>
+</div>
+  <div id="signinbg"></div>
+  <div id="signin">
+    <div align="right">
+      <div id="registerbox">
+        <h1>Sign Up!<br />
+          <span>Nickname</span>
+          <input type="text" id="nickInput" size="16" />
+        <br />
+        <span>Email</span>
+        <input type="text" id="emailInput" size="20" />
+        <br />
+        <span>Password</span>
+        <input type="password" id="passwordInput" size="17" />
+        <br />
+        
+        <input type="submit" id="submit" value="YEAH!!!" />
+      </h1>
+      </div>
+
+    <div id="confirmationbox" style="display: none">
+      <h1>You've registered!</h1>
+      <span>Please wait as you're redirected to the chat.</span>
+    </div>
+</div>
+</div></div>
+  <div class="info" id="info"> 
+    <div align="center" class="info">* © 2009 dump.fm
+      * About Us
+      * Contact
+      * Blog
+      * Goodies
+      
+      * Help
+      *  Terms
+    * Privacy</div>
+  </div>
+
+
+</div>
+
+<div id="bottom">
+  <div align="center"></div>
+</div>
+
+<div id="plane"></div>
+<br />
+</body>
+</html>
diff --git a/static/trash/headerbg.png b/static/trash/headerbg.png
new file mode 100644
index 0000000..9f218f9
--- /dev/null
+++ b/static/trash/headerbg.png
diff --git a/static/trash/headerbg1.png b/static/trash/headerbg1.png
new file mode 100644
index 0000000..9f218f9
--- /dev/null
+++ b/static/trash/headerbg1.png
diff --git a/static/trash/headerbg2.png b/static/trash/headerbg2.png
new file mode 100644
index 0000000..71eee98
--- /dev/null
+++ b/static/trash/headerbg2.png
diff --git a/static/trash/headerbg3.png b/static/trash/headerbg3.png
new file mode 100644
index 0000000..3c8902b
--- /dev/null
+++ b/static/trash/headerbg3.png
diff --git a/static/trash/index5.html b/static/trash/index5.html
new file mode 100755
index 0000000..b30e42f
--- /dev/null
+++ b/static/trash/index5.html
@@ -0,0 +1,138 @@
+<html>
+  <head>
+    <title>dump.fm</title>
+    <link rel="stylesheet" type="text/css" href="static/reset.css">
+    <link rel="stylesheet" type="text/css" href="static/pichat.css">
+    <link rel="stylesheet" type="text/css" href="static/style.css">
+
+
+
+    <script type="text/javascript" src="http://ajax.googleapis.com/ajax/libs/jquery/1.3.2/jquery.min.js"></script>
+    <script type="text/javascript" src="static/pichat.js"></script>
+        <link rel="shortcut icon" href="static/favicon.ico">
+
+<script type="text/javascript"><!--
+      $(document).ready(function() {
+
+        //  nav tab animation  
+        var navDuration = 150; //time in miliseconds
+        var navJumpHeight = "5px";
+
+        $('#nav1 li').hover(function() {
+            $(this).animate({ top : "-="+navJumpHeight }, navDuration);            
+        }, function() {
+            $(this).animate({ top : "15px" }, navDuration);
+        });
+        
+        
+        //  nav animation2  
+        $('#nav_move').css({ 
+          width: $('#nav2 li:first a').width()+20, 
+          height: $('#nav2 li:first a').height()+20 
+        });
+        $('#nav2 li:first a').addClass('cur');
+        
+        $('#nav2 a').click(function() {
+          var offset = $(this).offset();
+          var offsetBody = $('#center_wrapper').offset(); //find the offset of the wrapping div    
+          $('#nav_move').animate(
+            { 
+              width: $(this).width()+20, 
+              height: $(this).height()+20, 
+              left: (offset.left - offsetBody.left - 143) 
+            }, 
+            { duration: 350, easing: 'easeInOutCirc' }
+          );
+          $('.cur').removeClass('cur');
+          $(this).addClass('cur');
+          return false;
+        });           
+        
+        
+        //  list animation  
+        var fadeDuration = 150; //time in milliseconds
+        
+        $('#list1 li a').hover(function() {
+          $(this).animate({ paddingLeft: '30px' }, fadeDuration);
+          $(this).children('span').show().animate({ left: -5 }, fadeDuration);
+        }, function() {
+          $(this).animate({ paddingLeft: '15px' }, fadeDuration);
+          $(this).children('span').animate({ left: -35 }, fadeDuration).fadeOut(fadeDuration);          
+        });
+        
+        
+        $('.see_code').click(function() {
+          if($(this).parent().next().is(':visible')) {
+            $(this).html('+ Show Code');
+            $(this).parent().next().toggle();
+          } else {
+            $(this).html('- Hide Code');
+            $(this).parent().next().toggle();            
+          }
+          return false;
+        });
+        
+      });//doc ready
+// --></script>
+
+
+    
+    <script type="text/javascript">
+function showPopup(url) {
+newwindow=window.open(url,'name','height=600,width=820,top=30,left=10,resizable');
+if (window.focus) {newwindow.focus()}
+}
+</script> 
+  </head>
+  <body>
+    <div id="content">
+      <div id="logo">
+<img src="static/dumpbub.png" width="367" height="95">
+      </div>
+           
+      <div id="chatbox">
+        <div id="welcomebar" style="display: none">
+          <span>Welcome, </span>
+          <span id="nickspan"></span>
+        </div>
+           <div id="messagetabs">
+           <ul id="nav1">
+
+             <div align="right"><li style="top: 15px;"><a href="log.h"><img src="static/log4.png" width="97" height="39"></span></a></li>
+</div>
+             </ul>
+           </div>
+        <div id="rapper">
+        <div id="userListicon">
+
+          <div align="left">
+            <p>UsrLst</p>
+</div>
+        </div>
+        <div id="popout">
+          <div align="right"><a href="http://dump.fm"onClick='showPopup(this.href);return(false);'>popout room</a></div>
+        </div>
+        <div id="userList"></div>
+        
+        <div id="messagePane">
+
+          <div id="messageList"></div>
+          <div id="msgInputDiv">
+            <input id="msgInput" type="input" disabled="disabled" />
+            <input id="msgSubmit" type="submit" value="Send Image URL" 
+                   disabled="disabled" />
+          </div>
+        </div>
+      </div>
+
+  <div id="lillogo" align="center">
+    <div align="center">
+      <div id="binfo">
+        <p>dump.fm lets you talk with pictures.  beta 0.0127! <img src="static/lillogo.png" width="16" height="16"></p>
+      </div>
+    </div>
+  </div>
+
+    <div class="content"> </div>
+  </body>
+</html>
diff --git a/static/trash/lil-wayne.jpg b/static/trash/lil-wayne.jpg
new file mode 100755
index 0000000..34c6481
--- /dev/null
+++ b/static/trash/lil-wayne.jpg
diff --git a/static/trash/lillogo.png b/static/trash/lillogo.png
new file mode 100755
index 0000000..fff9d17
--- /dev/null
+++ b/static/trash/lillogo.png
diff --git a/static/trash/log4.png b/static/trash/log4.png
new file mode 100755
index 0000000..de76494
--- /dev/null
+++ b/static/trash/log4.png
diff --git a/static/trash/logo.png b/static/trash/logo.png
new file mode 100755
index 0000000..a52b0c9
--- /dev/null
+++ b/static/trash/logo.png
diff --git a/static/trash/lolz.gif b/static/trash/lolz.gif
new file mode 100755
index 0000000..ce248c5
--- /dev/null
+++ b/static/trash/lolz.gif
diff --git a/static/trash/main.css b/static/trash/main.css
new file mode 100755
index 0000000..b3eef67
--- /dev/null
+++ b/static/trash/main.css
@@ -0,0 +1,188 @@
+@charset "UTF-8";
+/* CSS Document */
+
+#apDiv2 {
+	position:relative;
+	top:100px;
+	width:700px;
+	margin: 0px auto -1px auto;
+	height: 300px;
+	z-index: 3;
+}
+#info {
+	position:relative;
+	top:200px;
+	width:700px;
+	margin: 0px auto -1px auto;
+	height: 14px;
+	color: #999;
+	bottom:0px;
+	z-index: 3;	
+}
+
+#front {
+	position:fixed;
+	top:150px;
+}
+#infopage {		
+	margin: 0px auto -1px auto;
+	height: 14px;
+	color: #999;
+	bottom:0px;
+	z-index: 3;
+	font-size: 10px;
+
+	font-size: 12px;
+	letter-spacing: 1px;
+	bottom: 0px;
+}
+#signin {
+	position:absolute;
+	left:0px;
+	width:410px;
+	height:281px;
+	
+	z-index:3;
+	
+}
+#signinbg {
+	position:absolute;
+	left:0px;
+	width:410px;
+	height:281px;
+	background-image: url(logbg.png);
+	z-index:1;	
+}
+#about {
+	position:absolute;
+	width:300px;
+	height: 230px;
+	left:410px;
+	line-height: 18px;
+	padding-left: 20px;
+	;
+	font-weight: bold;
+	color: #000;
+	z-index:2;
+	top: 177px;
+}
+#input {
+	padding-right:15px;
+	line-height:28px;
+	font-size: 24px;
+	font-weight: bolder;
+}
+body,td,th {
+	font-family: Arial, Helvetica, sans-serif;
+	font-size: 16px;
+	line-height: 40px;
+}
+#apDiv1 div #input #form1 label {
+	font-size: 12px;
+	color: #333;
+}
+.re {
+	font-size: 10px;
+}
+#apDiv2 #about div {
+	font-size: 10px;
+	color: #424143;
+}
+#top {
+	position:absolute;
+	left:0px;
+	top:0px;
+	width:100%;
+	height:32px;
+	z-index:2;
+	background-color: #CCC;
+}
+#apDiv3 {
+	position:fixed;
+	left:0px;
+	top:0px;
+	width:68px;
+	height:68px;
+	background-image: url(topl.png);
+}
+#apDiv4 {
+	position:fixed;
+	top:0px;
+	width:68px;
+	height:68px;
+	
+	right: 0px;
+	background-image: url(topr.png);
+}
+#bottom {
+	position:absolute;
+	left:0px;
+	bottom:0px;
+	width:100%;
+	height:10px;
+	z-index:1;
+	font-size: 10px;
+	line-height: 5px;
+}
+#apDiv5 {
+	position:fixed;
+	bottom:0px;
+	width:60px;
+	height:68px;
+	
+	left: 0px;
+	background-image: url(bottoml.png);
+}
+#apDiv6 {
+	position:fixed;
+	bottom:0px;
+	width:60px;
+	height:68px;
+	
+	right: 0px;
+	background-image: url(bottomr.png);
+}
+#bg {
+	position:absolute;
+	left:0px;
+	top:0px;
+	width:100%;
+	height:100%;
+	z-index:2;
+	background-image:url(grad2.jpg);
+}
+body {
+	background-image: url(bg4.png);
+	background-repeat: repeat-x;
+	background-attachment:fixed;
+}
+#plane {
+	position:fixed;
+	top:9px;
+	right:0px;
+	width:100%;
+	height:100%;
+	z-index:1;
+	background-image: url(cloudbg1.png);
+	background-repeat: no-repeat;
+	background-position:center;
+	
+
+}
+#registerbox {
+	padding-left:20px;
+	font-family:Arial, Helvetica, sans-serif;
+	font-size:12px;
+	padding-right:85px;
+	line-height:28px;
+}
+.form {  font-size: 14px; color="#990000"; }
+.info {
+	font-size: 10px;
+}
+.info {
+	font-size: 12px;
+	letter-spacing: 1px;
+	bottom: 0px;
+	color: #999;
+}
diff --git a/static/trash/main2.css b/static/trash/main2.css
new file mode 100755
index 0000000..5eeab65
--- /dev/null
+++ b/static/trash/main2.css
@@ -0,0 +1,364 @@
+@charset "UTF-8";
+/* CSS Document */
+
+#apDiv2 {
+	position:relative;
+	top:30px;
+	width:700px;
+	margin: 0px auto -1px auto;
+	height: 300px;
+	z-index: 3;
+}
+.white a:link {
+	text-decoration: none;
+	color: #504F61;
+}
+.white a:visited {
+	text-decoration: none;
+	color: #504F61;
+}
+.white a:hover {
+	text-decoration: none;
+	color: #fff;
+}
+.white a:active {
+	text-decoration: none;
+	color: #504F61;
+}
+#header7{
+	background-color:#666;
+	background-image:url(/static/dblue.png);
+	background-attachment:fixed;
+	margin: 0px auto -1px auto;
+	top: 0px;
+	width:100%;
+	left: 0px;
+	height: 60px;
+}
+#bar7{
+	top:32px;
+	position:absolute;
+	font-family: Arial, Helvetica, sans-serif;
+	font-weight: bold;
+	width: 500px;
+	font-size: 20px;
+	left: 200px;
+	margin-left: 12%;
+	margin-right: 10%;
+	letter-spacing: -1px;
+	z-index: 999;
+}
+#logout7{
+	top:5px;
+	position:relative;
+	font-size:12px;
+	margin-right: 10px;
+	float:right;
+	z-index: 999;
+	font-family: "Times New Roman", Times, serif;
+}
+#logo7{
+	top:20px;
+	z-index:1000;
+}
+#rapper7{
+	top: 0px;
+	left:0px;
+	position:absolute;
+	width: 100%;
+	height: 60px;
+	z-index: 1000;
+}
+p {
+	font-family: "Times New Roman", Times, serif;
+	font-size: 12px;
+}
+td {
+	font-family: Arial, Helvetica, sans-serif;
+	letter-spacing:-1px;
+	font-size: 12px;
+	color: #000000;
+}
+.btnav {  border: 0px #000000 solid;} 
+body {
+	background-image: url(/static/bg5.png);
+	background-repeat: repeat-x;
+}
+
+#txt {
+	position:absolute;
+	top:115px;
+	width:450px;
+	margin: 0px auto -1px auto;
+	height: 18px;
+	z-index: 3;
+	line-height: 18px;
+	font-weight: bold;
+	color: #999;
+	font-size: 14px;
+}
+#info {
+	position:relative;
+	top:200px;
+	width:700px;
+	margin: 0px auto -1px auto;
+	height: 14px;
+	color: #999;
+	bottom:0px;
+	z-index: 3;
+}
+#header {
+	position:relative;
+	background:#fff url("cloudbg2.png") no-repeat 0 0;
+	background-position:center;
+	width:80%;
+	margin: 0px auto -1px auto;
+	top:26px;
+	height:600px;
+	z-index:2;
+	opacity:0.9;
+	-moz-border-radius-topleft:10px;
+	-moz-border-radius-bottomleft:10px;
+	-moz-border-radius-bottomright:10px;
+	-moz-border-radius-topleft:10px;
+	-moz-border-radius-topright:10px;
+	border-top-left-radius:10px;
+	border-top-right-radius:10px;
+	min-width: 800px;
+	border-color: #000;
+	border: 1px;
+}
+.round {
+	-moz-border-radius:5px;
+	-webkit-border-radius:5px;
+}
+.round-top-right {
+	-moz-border-radius-topright:5px;
+	-webkit-border-top-right-radius:5px;
+}
+.round-right {
+	-moz-border-radius-topright:5px;
+	-moz-border-radius-bottomright:5px;
+	-webkit-border-top-right-radius:5px;
+	-webkit-border-bottom-right-radius:5px;
+}
+.round-bottom-right {
+	-moz-border-radius-bottomright:5px;
+	-webkit-border-bottom-right-radius:5px;
+}
+.round-bottom {
+	-moz-border-radius-topright:0;
+	-moz-border-radius-topleft:0;
+	-moz-border-radius-bottomright:5px;
+	-moz-border-radius-bottomleft:5px;
+	-webkit-border-top-right-radius:0;
+	-webkit-border-top-left-radius:0;
+	-webkit-border-bottom-right-radius:5px;
+	-webkit-border-bottom-left-radius:5px;
+}
+.round-bottom-left {
+	-moz-border-radius-bottomleft:5px;
+	-webkit-border-bottom-left-radius:5px;
+}
+.round-left {
+	-moz-border-radius-topleft:5px;
+	-moz-border-radius-bottomleft:5px;
+	-webkit-border-top-left-radius:5px;
+	-webkit-border-bottom-left-radius:5px;
+}
+.round-top-left {
+	-moz-border-radius-topleft:5px;
+	-webkit-border-top-left-radius:5px;
+}
+.round-top {
+	-moz-border-radius-topright:5px;
+	-moz-border-radius-topleft:5px;
+	-moz-border-radius-bottomright:0;
+	-moz-border-radius-bottomleft:0;
+	-webkit-border-top-right-radius:5px;
+	-webkit-border-top-left-radius:5px;
+	-webkit-border-bottom-right-radius:0;
+	-webkit-border-bottom-left-radius:0;
+}
+
+#front {
+	position:fixed;
+	top:150px;
+}
+#infopage {
+	
+	
+	margin: 0px auto -1px auto;
+	height: 14px;
+	color: #999;
+	bottom:0px;
+	z-index: 3;
+	font-size: 10px;
+
+	font-size: 12px;
+	letter-spacing: 1px;
+	bottom: 0px;
+}
+#signin {
+	position:absolute;
+	left:0px;
+	width:351px;
+	height:135px;
+	font-size:16px;
+	font-weight:bold;
+	z-index:3;
+	top: 143px;
+}
+#signinbg {
+	position:absolute;
+	left:1px;
+	width:346px;
+	height:253px;
+	background-position:right;
+	background-repeat:no-repeat;
+	z-index:1;
+	top: 157px;
+}
+#about {
+	position:absolute;
+	width:240px;
+	height: 97px;
+	left:364px;
+	;
+	color: #000;
+	z-index:2;
+	line-height: 18px;
+	top: 168px;
+	font-size: 12px;
+	font-family: Arial, Helvetica, sans-serif;
+}
+#input {
+	padding-right:15px;
+	line-height:22px;
+	font-size: 12px;
+}
+body{
+	font-family: Arial, Helvetica, sans-serif;
+	font-size: 16px;
+	line-height: 40px;
+	overflow-x:hidden;
+	overflow-y:hidden;
+}
+#apDiv1 div #input #form1 label {
+	font-size: 12px;
+	color: #333;
+}
+.re {
+	font-size: 10px;
+}
+#apDiv2 #about div {
+	font-size: 10px;
+	color: #424143;
+}
+#top {
+	position:absolute;
+	left:0px;
+	top:0px;
+	width:100%;
+	height:32px;
+	z-index:2;
+	background-color: #CCC;
+}
+#apDiv3 {
+	position:fixed;
+	left:0px;
+	top:0px;
+	width:68px;
+	height:68px;
+	background-image: url(topl.png);
+}
+#apDiv4 {
+	position:fixed;
+	top:0px;
+	width:68px;
+	height:68px;
+	
+	right: 0px;
+	background-image: url(topr.png);
+}
+#bottom {
+	position:absolute;
+	left:0px;
+	bottom:0px;
+	width:100%;
+	height:10px;
+	z-index:1;
+	font-size: 10px;
+	line-height: 5px;
+}
+#apDiv5 {
+	position:fixed;
+	bottom:0px;
+	width:60px;
+	height:68px;
+	
+	left: 0px;
+	background-image: url(bottoml.png);
+}
+#apDiv6 {
+	position:fixed;
+	bottom:0px;
+	width:60px;
+	height:68px;
+	
+	right: 0px;
+	background-image: url(bottomr.png);
+}
+
+#plane {
+	position:fixed;
+	top:9px;
+	right:0px;
+	width:100%;
+	height:100%;
+	z-index:1;
+	background-image: url(cloudbg1.png);
+	background-repeat: no-repeat;
+	background-position:center;
+		-moz-opacity: 0.6;
+filter:alpha(opacity=60);
+  /* CSS3 standard */
+  opacity:0.6;
+	
+
+}
+#registerbox {
+	padding-left:20px;
+	font-family:Arial, Helvetica, sans-serif;
+	padding-right:0px;
+	line-height:28px;
+	font-weight: bold;
+	color: #000;
+}
+registerbox.form {  font-size: 14px; color="#990000"; }
+.info {
+	font-size: 10px;
+}
+.info {
+	font-size: 12px;
+	letter-spacing: 1px;
+	bottom: 0px;
+	color: #999;
+}
+#footer
+{
+	text-align:center;
+	position:absolute;
+	width:100%;
+	bottom:0px;
+	font-size:12px;
+	font-family:"Times New Roman", Times, serif;
+	background-image:url(/static/footer.png);
+	background-repeat:repeat-x;
+	background-position:top;
+	height:40px;
+	line-height: 2;
+	left: 0px;
+	color: #CCC;
+	z-index: 111;
+}
diff --git a/static/trash/mark1.png b/static/trash/mark1.png
new file mode 100755
index 0000000..50566ba
--- /dev/null
+++ b/static/trash/mark1.png
diff --git a/static/trash/mask_shaq.jpg b/static/trash/mask_shaq.jpg
new file mode 100755
index 0000000..4c04e8b
--- /dev/null
+++ b/static/trash/mask_shaq.jpg
diff --git a/static/trash/mouseover.gif b/static/trash/mouseover.gif
new file mode 100755
index 0000000..2c6ee3e
--- /dev/null
+++ b/static/trash/mouseover.gif
diff --git a/static/trash/over.png b/static/trash/over.png
new file mode 100755
index 0000000..f80754b
--- /dev/null
+++ b/static/trash/over.png
diff --git a/static/trash/rhianamoney.gif b/static/trash/rhianamoney.gif
new file mode 100755
index 0000000..99f348a
--- /dev/null
+++ b/static/trash/rhianamoney.gif
diff --git a/static/trash/s.png b/static/trash/s.png
new file mode 100755
index 0000000..fdc8c1d
--- /dev/null
+++ b/static/trash/s.png
diff --git a/static/trash/shaq.gif b/static/trash/shaq.gif
new file mode 100755
index 0000000..cfdaa11
--- /dev/null
+++ b/static/trash/shaq.gif
diff --git a/static/trash/shaqg.gif b/static/trash/shaqg.gif
new file mode 100755
index 0000000..6106d3d
--- /dev/null
+++ b/static/trash/shaqg.gif
diff --git a/static/trash/slo.png b/static/trash/slo.png
new file mode 100755
index 0000000..6ad74e6
--- /dev/null
+++ b/static/trash/slo.png
diff --git a/static/trash/spex.png b/static/trash/spex.png
new file mode 100755
index 0000000..fd0231f
--- /dev/null
+++ b/static/trash/spex.png
diff --git a/static/trash/spinner.gif b/static/trash/spinner.gif
new file mode 100755
index 0000000..5b33f7e
--- /dev/null
+++ b/static/trash/spinner.gif
diff --git a/static/trash/startpage.html b/static/trash/startpage.html
new file mode 100755
index 0000000..85f3350
--- /dev/null
+++ b/static/trash/startpage.html
@@ -0,0 +1,95 @@
+<!DOCTYPE html PUBLIC "-//W3C//DTD XHTML 1.0 Transitional//EN" "http://www.w3.org/TR/xhtml1/DTD/xhtml1-transitional.dtd">
+<html xmlns="http://www.w3.org/1999/xhtml">
+<head>
+<meta http-equiv="Content-Type" content="text/html; charset=UTF-8" />
+<title>dump.fm</title>
+<link rel="stylesheet" type="text/css" href="main.css">
+    <script type="text/javascript" src="static/sha1.js"></script>
+    <script type="text/javascript" src="static/pichat.js"></script>
+<style type="text/css">
+<!--
+a:link {
+	text-decoration: none;
+	
+}
+a:visited {
+	text-decoration: none;
+	border: 0px;
+}
+a:hover {
+	text-decoration: none;
+	border: 0px;
+}
+a:active {
+	text-decoration: none;
+	border: 0px;
+}
+img{border: 0px;}
+-->
+</style>
+</head>
+<body>
+
+<div id="apDiv2">
+  <div align="center"><img src="dfm.png" width="384" height="136" />
+  </div>
+  <div id="about">
+    <p>dump.fm lets you talk with pictures.<br />
+      <br />
+      share images from anywhere on the web or ones stored on your computer, in real time.<br />
+      <br />
+    </p>
+<p align="center"><a href="getstarted.html"><img src="getstarted.gif" width="262" height="94" /></a></p>
+    <div align="right"></div>
+  </div>
+  <div id="signinbg"></div>
+  <div id="signin">
+    <div align="right">
+      <p align="center">&nbsp;</p>
+      <div id="input">
+        <form id="form1" name="form1" method="post" action="" >
+          <label>username
+            <input type="text" name="textfield" id="textfield" class="form"/>
+            <br />
+          </label>
+        </form>
+        <form id="form1" name="form1" method="post" action="">
+          <label>password
+            <input type="text" name="textfield" id="textfield"class="form" />
+          </label>
+          <br />
+          <label> <span class="re">remember me </span>
+            <input type="checkbox" name="remember" id="remember" />
+          </label>
+        </form>
+        <form id="form2" name="form2" method="post" action="">
+          <label>
+            <input type="submit" name="Signin" id="Signin" value="Sign In" />
+          </label>
+        </form>
+      </div>
+    </div>
+</div></div>
+  <div class="info" id="info"> 
+    <div align="center" class="info">* © 2009 dump.fm
+      * About Us
+      * Contact
+      * Blog
+      * Goodies
+      
+      * Help
+      *  Terms
+      * Privacy</div>
+  </div>
+
+
+</div>
+
+<div id="bottom">
+  <div align="center"></div>
+</div>
+
+<div id="plane"></div>
+<br />
+</body>
+</html>
diff --git a/static/trash/startpage1.html b/static/trash/startpage1.html
new file mode 100755
index 0000000..dbf5edf
--- /dev/null
+++ b/static/trash/startpage1.html
@@ -0,0 +1,96 @@
+<!DOCTYPE html PUBLIC "-//W3C//DTD XHTML 1.0 Transitional//EN" "http://www.w3.org/TR/xhtml1/DTD/xhtml1-transitional.dtd">
+<html xmlns="http://www.w3.org/1999/xhtml">
+<head>
+<meta http-equiv="Content-Type" content="text/html; charset=UTF-8" />
+<title>dump.fm</title>
+<link rel="stylesheet" type="text/css" href="static/main.css">
+<style type="text/css">
+<!--
+a:link {
+	text-decoration: none;
+	
+}
+a:visited {
+	text-decoration: none;
+	border: 0px;
+}
+a:hover {
+	text-decoration: none;
+	border: 0px;
+}
+a:active {
+	text-decoration: none;
+	border: 0px;
+}
+img{border: 0px;}
+-->
+</style>
+</head>
+<body>
+
+<div id="apDiv2">
+
+  <div id="about">
+    <p>&nbsp;</p>
+    <p>dump.fm lets you talk with pictures.<br />
+    </p>
+    <p><br />
+      share images from anywhere on the web or ones stored on your computer, in real time.<br />
+      <br />
+    </p>
+    <p align="center"><a href="index.html"><img src="static/getstarted.gif" width="262" height="94" /></a></p>
+    <div align="right"></div>
+  </div>
+  <div id="signinbg"></div>
+  <div id="signin">
+    <div align="right">
+      <p align="center"><img src="static/mark1.png" width="329" height="96" /></p>
+      <div id="input">
+        <form id="form1" name="form1" method="post" action="" >
+          <label>username
+            <input type="text" name="textfield" id="textfield" class="form"/>
+            <br />
+          </label>
+        </form>
+        <form id="form1" name="form1" method="post" action="">
+          <label>password
+            <input type="text" name="textfield" id="textfield"class="form" />
+          </label>
+          <br />
+          <label> <span class="re">remember me </span>
+            <input type="checkbox" name="remember" id="remember" />
+          </label>
+        </form>
+        <form id="form2" name="form2" method="post" action="">
+          <label>
+            <input type="submit" name="Signin" id="Signin" value="Sign In" />
+          </label>
+        </form>
+      </div>
+    </div>
+  </div>
+  <div class="info" id="info"> 
+    <div align="center" class="info">* © 2009 dump.fm
+      * About Us
+      * Contact
+      * Blog
+      * Goodies
+      
+      * Help
+      *  Terms
+      * Privacy</div>
+  </div>
+</div>
+
+</div>
+<div id="apDiv3"></div>
+<div id="apDiv4"></div>
+<div id="bottom">
+  <div align="center"></div>
+</div>
+<div id="apDiv5"></div>
+<div id="apDiv6"></div>
+<div id="plane"></div>
+<br />
+</body>
+</html>
diff --git a/static/trash/startpage7.html b/static/trash/startpage7.html
new file mode 100755
index 0000000..eea492c
--- /dev/null
+++ b/static/trash/startpage7.html
@@ -0,0 +1,112 @@
+<!DOCTYPE html PUBLIC "-//W3C//DTD XHTML 1.0 Transitional//EN" "http://www.w3.org/TR/xhtml1/DTD/xhtml1-transitional.dtd">
+<html xmlns="http://www.w3.org/1999/xhtml">
+<head>
+<meta http-equiv="Content-Type" content="text/html; charset=UTF-8" />
+<title>dump.fm</title>
+<link rel="stylesheet" type="text/css" href="main2.css">
+    <link rel="stylesheet" type="text/css" href="static/reset.css">
+    <link rel="shortcut icon" href="static/favicon.ico">
+    <script type="text/javascript" src="http://ajax.googleapis.com/ajax/libs/jquery/1.3.2/jquery.min.js"></script>
+    <script type="text/javascript" src="static/sha1.js"></script>
+    <script type="text/javascript" src="static/register.js"></script>
+    
+    
+        <script>
+      $(document).ready(initRegister);
+    </script>   
+
+<style type="text/css">
+<!--
+a:link {
+	text-decoration: none;
+	
+}
+a:visited {
+	text-decoration: none;
+	border: 0px;
+}
+a:hover {
+	text-decoration: none;
+	border: 0px;
+}
+a:active {
+	text-decoration: none;
+	border: 0px;
+}
+img{border: 0px;}
+#apDiv7 {
+	position:absolute;
+	left:151px;
+	top:-106px;
+	width:351px;
+	height:66px;
+	z-index:4;
+	font-weight: bold;
+	line-height: 18px;
+	font-size: 14px;
+}
+#apDiv8 {
+	position:absolute;
+	left:964px;
+	top:131px;
+	width:416px;
+	height:140px;
+	z-index:4;
+}
+-->
+</style>
+</head>
+<body>
+<div id="header">
+
+<div id="apDiv2">
+  <div align="center"><img src="dfm.png" width="384" height="136" /><br />
+
+  <div id="about">
+    <p align="left"><a href="getstarted.html"><img src="getstarted.gif" width="262" height="94" /></a></p>
+    <p align="left"><br />
+    </p>
+  </div>
+  <div id="txt">
+    <div align="right">Talk with pictures.</div>
+  </div>
+  <div id="signin">
+    <div align="right">
+      <div id="registerbox">
+        <h1>          Sign In!<br />
+          <span>Nickname</span>
+          <input type="text" id="nickInput" size="17" />
+        <br />
+
+        <span>Password</span>
+        <input type="password" id="passwordInput" size="17" />
+        <br />
+        
+        <input type="submit" id="submit" value="YEAH!!!" />
+        </h1>
+</div>
+
+    <div id="confirmationbox" style="display: none">
+      <h1>You've registered!</h1>
+      <span>Please wait as you're redirected to the chat.</span>
+    </div>
+</div>
+  </div>
+    <div class="info" id="info"> 
+    <div align="center" class="info"> © 2009 dump.fm
+      * About Us
+      * Contact
+      * Blog
+      * Goodies
+      
+      * Help
+      *  Terms
+      * Privacy</div>
+
+</div></div>
+
+
+</div></div>
+<br />
+</body>
+</html>
diff --git a/static/trash/starts/bg4.png b/static/trash/starts/bg4.png
new file mode 100755
index 0000000..e20fda8
--- /dev/null
+++ b/static/trash/starts/bg4.png
diff --git a/static/trash/starts/bottoml.png b/static/trash/starts/bottoml.png
new file mode 100755
index 0000000..0f52893
--- /dev/null
+++ b/static/trash/starts/bottoml.png
diff --git a/static/trash/starts/bottomr.png b/static/trash/starts/bottomr.png
new file mode 100755
index 0000000..5904272
--- /dev/null
+++ b/static/trash/starts/bottomr.png
diff --git a/static/trash/starts/cloudbg.png b/static/trash/starts/cloudbg.png
new file mode 100755
index 0000000..f397899
--- /dev/null
+++ b/static/trash/starts/cloudbg.png
diff --git a/static/trash/starts/cloudbg1.png b/static/trash/starts/cloudbg1.png
new file mode 100755
index 0000000..f397899
--- /dev/null
+++ b/static/trash/starts/cloudbg1.png
diff --git a/static/trash/starts/getstarted.gif b/static/trash/starts/getstarted.gif
new file mode 100755
index 0000000..b581589
--- /dev/null
+++ b/static/trash/starts/getstarted.gif
diff --git a/static/trash/starts/index.html b/static/trash/starts/index.html
new file mode 100755
index 0000000..b309f74
--- /dev/null
+++ b/static/trash/starts/index.html
@@ -0,0 +1,71 @@
+<html>
+  <head>
+    <title>dump.fm</title>
+    <link rel="stylesheet" type="text/css" href="static/reset.css">
+    <link rel="stylesheet" type="text/css" href="static/pichat.css">
+    <link rel="stylesheet" type="text/css" href="static/style.css">
+    <link rel="shortcut icon" href="static/favicon.ico">
+
+
+    <script type="text/javascript" src="http://ajax.googleapis.com/ajax/libs/jquery/1.3.2/jquery.min.js"></script>
+    <script type="text/javascript" src="static/pichat.js"></script>
+    <script>
+      $(document).ready(function() {
+          init();
+      });
+    </script>
+    
+    <script type="text/javascript">
+function showPopup(url) {
+newwindow=window.open(url,'name','height=600,width=820,top=30,left=10,resizable');
+if (window.focus) {newwindow.focus()}
+}
+</script> 
+  </head>
+  <body>
+
+    <div id="content">
+      <div id="logo"><img src="static/bubley.png" width="332" height="113"></div>
+
+      <div id="chatbox">
+        <div id="welcomebar" style="display: none">
+          <span>Welcome, </span>
+          <span id="nickspan"></span>
+        </div>
+           <div id="messagetabs">
+             <div align="right"><a href="log.h"><img src="static/log4.png" width="97" height="39"></a></div>
+           </div>
+        <div id="rapper">
+        <div id="userListicon">
+
+          <div align="left">
+            <p>UsrLst</p>
+</div>
+        </div>
+        <div id="popout">
+          <div align="right"><a href="http://dump.fm"onClick='showPopup(this.href);return(false);'>popout room</a></div>
+        </div>
+        <div id="userList"></div>
+        
+        <div id="messagePane">
+
+          <div id="messageList"></div>
+          <div id="msgInputDiv">
+            <input id="msgInput" type="input" disabled="disabled" />
+            <input id="msgSubmit" type="submit" value="Send Image URL" 
+                   disabled="disabled" />
+          </div>
+        </div>
+      </div>
+    </div>
+  </div>
+  <div id="lillogo" align="center">
+    <div align="center">
+      <div id="binfo">
+        <p>dump.fm lets you talk with pictures.  beta 0.0127! <img src="static/lillogo.png" width="16" height="16"></p>
+      </div>
+    </div>
+               <div id="plane"></div>  
+  </div>
+  </body>
+</html>
diff --git a/static/trash/starts/logbg.png b/static/trash/starts/logbg.png
new file mode 100755
index 0000000..0e41857
--- /dev/null
+++ b/static/trash/starts/logbg.png
diff --git a/static/trash/starts/main.css b/static/trash/starts/main.css
new file mode 100755
index 0000000..8503c50
--- /dev/null
+++ b/static/trash/starts/main.css
@@ -0,0 +1,182 @@
+@charset "UTF-8";
+/* CSS Document */
+
+#apDiv2 {
+	position:relative;
+	top:150px;
+	width:700px;
+	margin: 0px auto -1px auto;
+	height: 300px;
+	z-index: 3;
+}
+#info {
+	position:relative;
+	top:285px;
+	width:700px;
+	margin: 0px auto -1px auto;
+	height: 14px;
+	color: #999;
+	bottom:0px;
+	z-index: 3;
+	
+}
+#front {
+	position:fixed;
+	top:150px;
+}
+#infopage {
+	
+	
+	margin: 0px auto -1px auto;
+	height: 14px;
+	color: #999;
+	bottom:0px;
+	z-index: 3;
+	font-size: 10px;
+
+	font-size: 12px;
+	letter-spacing: 1px;
+	bottom: 0px;
+}
+#signin {
+	position:absolute;
+	left:0px;
+	width:410px;
+	height:281px;
+	
+	z-index:3;
+	
+}
+#signinbg {
+	position:absolute;
+	left:0px;
+	width:410px;
+	height:281px;
+	background-image: url(static/starts/logbg.png);
+	z-index:1;
+	
+	
+}
+#about {
+	position:absolute;
+	width:300px;
+	height: 281px;
+	left:410px;
+	line-height: 18px;
+	padding-left: 20px;
+	;
+	font-weight: bold;
+	color: #333;
+	z-index:2;
+}
+#input {
+	padding-right:15px;
+	line-height:22px;
+	font-size: 12px;
+}
+body,td,th {
+	font-family: Arial, Helvetica, sans-serif;
+	font-size: 16px;
+	line-height: 40px;
+}
+#apDiv1 div #input #form1 label {
+	font-size: 12px;
+	color: #333;
+}
+.re {
+	font-size: 10px;
+}
+#apDiv2 #about div {
+	font-size: 10px;
+	color: #424143;
+}
+#top {
+	position:absolute;
+	left:0px;
+	top:0px;
+	width:100%;
+	height:32px;
+	z-index:2;
+	background-color: #CCC;
+}
+#apDiv3 {
+	position:fixed;
+	left:0px;
+	top:0px;
+	width:68px;
+	height:68px;
+	background-image: url(topl.png);
+}
+#apDiv4 {
+	position:fixed;
+	top:0px;
+	width:68px;
+	height:68px;
+	
+	right: 0px;
+	background-image: url(topr.png);
+}
+#bottom {
+	position:absolute;
+	left:0px;
+	bottom:0px;
+	width:100%;
+	height:10px;
+	z-index:1;
+	font-size: 10px;
+	line-height: 5px;
+}
+#apDiv5 {
+	position:fixed;
+	bottom:0px;
+	width:60px;
+	height:68px;
+	
+	left: 0px;
+	background-image: url(bottoml.png);
+}
+#apDiv6 {
+	position:fixed;
+	bottom:0px;
+	width:60px;
+	height:68px;
+	
+	right: 0px;
+	background-image: url(bottomr.png);
+}
+#bg {
+	position:absolute;
+	left:0px;
+	top:0px;
+	width:100%;
+	height:100%;
+	z-index:2;
+	background-image:url(grad2.jpg);
+}
+body {
+	background-image: url(bg4.png);
+	background-repeat: repeat-x;
+	background-attachment:fixed;
+}
+#plane {
+	position:fixed;
+	top:9px;
+	right:0px;
+	width:100%;
+	height:100%;
+	z-index:1;
+	background-image: url(cloudbg1.png);
+	background-repeat: no-repeat;
+	background-position:center;
+
+}
+.form {  font-size: 14px; color="#990000"; }
+.info {
+	font-size: 10px;
+}
+.info {
+	font-size: 12px;
+	letter-spacing: 1px;
+	bottom: 0px;
+	color: #999;
+}
diff --git a/static/trash/starts/mark1.png b/static/trash/starts/mark1.png
new file mode 100755
index 0000000..50566ba
--- /dev/null
+++ b/static/trash/starts/mark1.png
diff --git a/static/trash/starts/startpage1.html b/static/trash/starts/startpage1.html
new file mode 100755
index 0000000..b938eb5
--- /dev/null
+++ b/static/trash/starts/startpage1.html
@@ -0,0 +1,96 @@
+<!DOCTYPE html PUBLIC "-//W3C//DTD XHTML 1.0 Transitional//EN" "http://www.w3.org/TR/xhtml1/DTD/xhtml1-transitional.dtd">
+<html xmlns="http://www.w3.org/1999/xhtml">
+<head>
+<meta http-equiv="Content-Type" content="text/html; charset=UTF-8" />
+<title>dump.fm</title>
+<link rel="stylesheet" type="text/css" href="static/starts/main.css">
+<style type="text/css">
+<!--
+a:link {
+	text-decoration: none;
+	
+}
+a:visited {
+	text-decoration: none;
+	border: 0px;
+}
+a:hover {
+	text-decoration: none;
+	border: 0px;
+}
+a:active {
+	text-decoration: none;
+	border: 0px;
+}
+img{border: 0px;}
+-->
+</style>
+</head>
+<body>
+
+<div id="apDiv2">
+
+  <div id="about">
+    <p>&nbsp;</p>
+    <p>dump.fm lets you talk with pictures.<br />
+    </p>
+    <p><br />
+      share images from anywhere on the web or ones stored on your computer, in real time.<br />
+      <br />
+    </p>
+    <p align="center"><a href="index.html"><img src="static/starts/getstarted.gif" width="262" height="94" /></a></p>
+    <div align="right"></div>
+  </div>
+  <div id="signinbg"></div>
+  <div id="signin">
+    <div align="right">
+      <p align="center"><img src="static/starts/mark1.png" width="329" height="96" /></p>
+      <div id="input">
+        <form id="form1" name="form1" method="post" action="" >
+          <label>username
+            <input type="text" name="textfield" id="textfield" class="form"/>
+            <br />
+          </label>
+        </form>
+        <form id="form1" name="form1" method="post" action="">
+          <label>password
+            <input type="text" name="textfield" id="textfield"class="form" />
+          </label>
+          <br />
+          <label> <span class="re">remember me </span>
+            <input type="checkbox" name="remember" id="remember" />
+          </label>
+        </form>
+        <form id="form2" name="form2" method="post" action="">
+          <label>
+            <input type="submit" name="Signin" id="Signin" value="Sign In" />
+          </label>
+        </form>
+      </div>
+    </div>
+  </div>
+  <div class="info" id="info"> 
+    <div align="center" class="info">* © 2009 dump.fm
+      * About Us
+      * Contact
+      * Blog
+      * Goodies
+      
+      * Help
+      *  Terms
+      * Privacy</div>
+  </div>
+</div>
+
+</div>
+<div id="apDiv3"></div>
+<div id="apDiv4"></div>
+<div id="bottom">
+  <div align="center"></div>
+</div>
+<div id="apDiv5"></div>
+<div id="apDiv6"></div>
+<div id="plane"></div>
+<br />
+</body>
+</html>
diff --git a/static/trash/starts/topl.png b/static/trash/starts/topl.png
new file mode 100755
index 0000000..dcfe5b9
--- /dev/null
+++ b/static/trash/starts/topl.png
diff --git a/static/trash/starts/topr.png b/static/trash/starts/topr.png
new file mode 100755
index 0000000..9cfab08
--- /dev/null
+++ b/static/trash/starts/topr.png
diff --git a/static/trash/style.css b/static/trash/style.css
new file mode 100755
index 0000000..4524037
--- /dev/null
+++ b/static/trash/style.css
@@ -0,0 +1,373 @@
+@charset "UTF-8";
+/* CSS Document */
+
+#apDiv2 {
+	position:relative;
+	top:150px;
+	width:700px;
+	margin: 0px auto -1px auto;
+	height: 300px;
+	z-index: 3;
+}
+#info {
+	position:relative;
+	top:285px;
+	width:700px;
+	margin: 0px auto -1px auto;
+	height: 14px;
+	color: #999;
+	bottom:0px;
+	z-index: 3;
+	
+}
+#front {
+	position:fixed;
+	top:150px;
+}
+#infopage {
+	
+	
+	margin: 0px auto -1px auto;
+	height: 14px;
+	color: #999;
+	bottom:0px;
+	z-index: 3;
+	font-size: 10px;
+
+	font-size: 12px;
+	letter-spacing: 1px;
+	bottom: 0px;
+}
+#signin {
+	position:absolute;
+	left:0px;
+	width:410px;
+	height:281px;
+	background-image: url(logbg.png);
+	z-index:2;
+}
+#about {
+	position:absolute;
+	width:300px;
+	height: 281px;
+	left:410px;
+	line-height: 18px;
+	padding-left: 20px;
+	;
+	font-weight: bold;
+	color: #333;
+	z-index:2;
+}
+#input {
+	padding-right:15px;
+	line-height:22px;
+	font-size: 12px;
+}
+body,td,th {
+	font-family: Arial, Helvetica, sans-serif;
+	font-size: 16px;
+	line-height: 40px;
+}
+#apDiv1 div #input #form1 label {
+	font-size: 12px;
+	color: #333;
+}
+.re {
+	font-size: 10px;
+}
+#apDiv2 #about div {
+	font-size: 10px;
+	color: #424143;
+}
+#top {
+	position:absolute;
+	left:0px;
+	top:0px;
+	width:100%;
+	height:32px;
+	z-index:2;
+	background-color: #CCC;
+}
+#apDiv3 {
+	position:fixed;
+	left:0px;
+	top:0px;
+	width:68px;
+	height:68px;
+	background-image: url(topl.png);
+}
+#apDiv4 {
+	position:fixed;
+	top:0px;
+	width:68px;
+	height:68px;
+	
+	right: 0px;
+	background-image: url(topr.png);
+}
+#bottom {
+	position:absolute;
+	left:0px;
+	bottom:0px;
+	width:100%;
+	height:10px;
+	z-index:1;
+	font-size: 10px;
+	line-height: 5px;
+}
+#apDiv5 {
+	position:fixed;
+	bottom:0px;
+	width:60px;
+	height:68px;
+	
+	left: 0px;
+	background-image: url(bottoml.png);
+}
+#apDiv6 {
+	position:fixed;
+	bottom:0px;
+	width:60px;
+	height:68px;
+	
+	right: 0px;
+	background-image: url(bottomr.png);
+}
+#bg {
+	position:absolute;
+	left:0px;
+	top:0px;
+	width:100%;
+	height:100%;
+	z-index:2;
+	background-image:url(grad2.jpg);
+}
+body {
+	background-image: url(bg4.png);
+	background-repeat: repeat-x;
+	background-attachment:fixed;
+}
+
+.form {  font-size: 14px; color="#990000"; }
+.info {
+	font-size: 10px;
+}
+.info {
+	font-size: 12px;
+	letter-spacing: 1px;
+	bottom: 0px;
+	color: #999;
+}
+
+
+.extruder{
+  position:fixed;
+  cursor:default;
+  background:url("../elements/extruder_blank.png");
+}
+
+.extruder .header{
+  height:27px;
+}
+
+.extruder .content{
+  display:none;
+  background:url("../elements/extruder_bgnd.png") repeat-y bottom left;
+}
+
+.extruder.open .content{
+  -moz-box-shadow:#999 2px -2px 2px;
+  -webkit-box-shadow:#999 2px -2px 2px;
+}
+
+
+
+.extruder .footer{
+  display:block;
+  spadding:5px;
+  height:10px;
+  background:#000;
+  -moz-border-radius: 0 0 8px 8px;
+  -webkit-border-bottom-right-radius: 5px;
+  -webkit-border-bottom-left-radius: 5px;
+}
+.extruder.top .flap{
+  color:white;
+  text-shadow: #000 2px 2px 2px;
+  font:18px/18px Arial, Helvetica, sans-serif;
+  text-align:center;
+  display:block;
+  padding:0 5px 5px 5px;
+  height:30px;
+  background:url("../elements/extruder_flap.png") no-repeat top center;
+  cursor:pointer;
+}
+
+.extruder.left{
+  /*position:absolute;*/
+  height:100%;
+  background:url("../elements/extruder_blank.png");
+}
+
+.extruder.left .content{
+  display:block;
+  border-right:3px solid #000;
+}
+
+
+.extruder.left .ext_wrapper{
+  height:100%;
+}
+
+.extruder.left .footer{
+  display:none;
+}
+
+.extruder.left .flap{
+  font-size:18px;
+  color:white;
+  top:0;
+  padding:10px 0px 10px 10px;
+  background:#000;
+  width:30px;
+  /*height:150px;*/
+  position:absolute;
+  /*overflow:hidden;*/
+  right:-2px;
+  -moz-border-radius:0 10px 10px 0;
+  -webkit-border-top-right-radius:10px;
+  -webkit-border-bottom-right-radius:10px;
+  -moz-box-shadow:#666 2px 0px 3px;
+  -webkit-box-shadow:#666 2px 0px 3px;
+}
+
+
+/*Extruder Content*/
+
+  .extruder .voice{
+    font:18px/18px Arial, Helvetica, sans-serif;
+    color:white;
+    padding:5px;
+    padding-left:10px;
+    height:27px;
+    border-bottom:1px solid #333;
+    background:url("../elements/extruder_blank.png") no-repeat bottom left;
+    text-shadow:#333 2px 2px 2px;
+  }
+ .extruder .voice.disabled{
+   cursor:default;
+  }
+.extruder .text{
+    background:#222;
+    font:14px/16px Arial, Helvetica, sans-serif;
+    color:gray;
+    padding:10px;
+    border-bottom:1px solid #333;
+  /*text-shadow:#000 2px 2px 2px;*/
+  }
+
+  .extruder .voice.hover{
+    background:url("../elements/extruder_voiceHover.png") no-repeat top;
+  }
+
+  .extruder .voice.sel{
+    background:url("../elements/extruder_voiceHover.png") no-repeat top;
+  }
+
+  .extruder .voice img{
+    float:left;
+    margin-right:15px;
+  }
+
+  .extruder .voice a.label{
+    display:block;
+    height:30px;
+    color:white;
+    padding-top:0px;
+    text-decoration:none;
+  }
+
+  .extruder .voice span.label{
+    display:block;
+    height:30px;
+    color: #d0cfcf;
+    padding-top:0px;
+    text-decoration:none;
+  }
+
+  .extruder .voice{
+    position:relative;
+  }
+
+  .extruder .settingsBtn{
+    display:block;
+    position:absolute;
+    width:36px;
+    height:36px;
+    background: url("../elements/settingsBtn.png") no-repeat bottom;
+    cursor:pointer;
+    right:-3px;
+    top:-4px;
+    /*z-index:1000;*/
+  }
+
+  .extruder .optionsPanel{
+    /*background: url("../elements/optionsPanel.png") no-repeat bottom;*/
+    background: url("../elements/fuzz.gif");
+    display:none;
+    border-bottom:1px solid #333;
+  }
+
+  .extruder .voice.sel{
+    background: url("../elements/extruder_voiceHover.png") no-repeat top;
+  }
+
+
+  /*Extruder Panel*/
+
+  .optionsPanel .panelVoice a{
+    text-decoration:none;
+    display:block;
+    color:#cccccc;
+    padding:8px;
+    padding-left:20px;
+    font-size:16px;
+    text-shadow:#333 1px 1px 1px;
+    border-bottom:1px solid #444;
+    cursor:pointer;
+  }
+  .optionsPanel .panelVoice a:hover{
+    color:#fff;
+    /*background: #666666;*/
+    background: url("../elements/red_op_50.png");
+  }
+
+:focus {
+	outline: 0;
+}
+
+
+      #content #nav1 li, #content #nav1 li a {
+        position: relative;
+        float: right;
+      }      
+      #content #nav1 li { top: 15px; margin: 0; background: none; padding: 0; }
+      #content #nav1 li a {
+        display: block;
+
+
+        height: 50px;
+      }
+      #content #nav1 li a span {
+        display: block;
+        position: absolute;
+        height: 60px;
+        width: 10px;
+
+        right: 0;
+
+      }
+      #content #nav1 li a:hover, #content #nav1 li a:hover span { background-position: 0 -194px; color: #3f5f5a; }
+      #content #nav1 li a:active, #content #nav1 li a:active span {
+	background-position: 0 -300px;
+}
\ No newline at end of file
diff --git a/static/trash/topb.png b/static/trash/topb.png
new file mode 100755
index 0000000..51cc4cc
--- /dev/null
+++ b/static/trash/topb.png
diff --git a/static/trash/topbg.gif b/static/trash/topbg.gif
new file mode 100755
index 0000000..9432446
--- /dev/null
+++ b/static/trash/topbg.gif
diff --git a/static/trash/topbi.gif b/static/trash/topbi.gif
new file mode 100755
index 0000000..a032a08
--- /dev/null
+++ b/static/trash/topbi.gif
diff --git a/static/trash/topl.png b/static/trash/topl.png
new file mode 100755
index 0000000..dcfe5b9
--- /dev/null
+++ b/static/trash/topl.png
diff --git a/static/trash/topr.png b/static/trash/topr.png
new file mode 100755
index 0000000..9cfab08
--- /dev/null
+++ b/static/trash/topr.png
diff --git a/static/trash/try.gif b/static/trash/try.gif
new file mode 100755
index 0000000..cbe2d89
--- /dev/null
+++ b/static/trash/try.gif
diff --git a/static/trash/try.png b/static/trash/try.png
new file mode 100755
index 0000000..a7021f8
--- /dev/null
+++ b/static/trash/try.png
diff --git a/static/trash/uggs.gif b/static/trash/uggs.gif
new file mode 100755
index 0000000..a8b763a
--- /dev/null
+++ b/static/trash/uggs.gif
diff --git a/static/trash/up.png b/static/trash/up.png
new file mode 100755
index 0000000..b13da1c
--- /dev/null
+++ b/static/trash/up.png
diff --git a/static/trash/upload1.png b/static/trash/upload1.png
new file mode 100644
index 0000000..f46b6a8
--- /dev/null
+++ b/static/trash/upload1.png
diff --git a/static/trash/upload2.png b/static/trash/upload2.png
new file mode 100644
index 0000000..10b2237
--- /dev/null
+++ b/static/trash/upload2.png
diff --git a/static/trash/upload3.png b/static/trash/upload3.png
new file mode 100644
index 0000000..714acb1
--- /dev/null
+++ b/static/trash/upload3.png
diff --git a/static/trash/upload4.png b/static/trash/upload4.png
new file mode 100644
index 0000000..5771bc7
--- /dev/null
+++ b/static/trash/upload4.png
diff --git a/static/trash/upload5.png b/static/trash/upload5.png
new file mode 100644
index 0000000..552bab7
--- /dev/null
+++ b/static/trash/upload5.png
diff --git a/static/trash/upload6.png b/static/trash/upload6.png
new file mode 100644
index 0000000..413261d
--- /dev/null
+++ b/static/trash/upload6.png
diff --git a/static/trash/upload7.png b/static/trash/upload7.png
new file mode 100644
index 0000000..b677b26
--- /dev/null
+++ b/static/trash/upload7.png
diff --git a/static/trash/upload8.png b/static/trash/upload8.png
new file mode 100644
index 0000000..329b072
--- /dev/null
+++ b/static/trash/upload8.png
diff --git a/static/trash/url1.png b/static/trash/url1.png
new file mode 100644
index 0000000..51e0b55
--- /dev/null
+++ b/static/trash/url1.png
diff --git a/static/trash/wayne.gif b/static/trash/wayne.gif
new file mode 100755
index 0000000..13dde42
--- /dev/null
+++ b/static/trash/wayne.gif
diff --git a/static/trash/wordlogo.gif b/static/trash/wordlogo.gif
new file mode 100755
index 0000000..dbef59d
--- /dev/null
+++ b/static/trash/wordlogo.gif
diff --git a/static/trash/wordlogo2.gif b/static/trash/wordlogo2.gif
new file mode 100755
index 0000000..b6f22da
--- /dev/null
+++ b/static/trash/wordlogo2.gif
diff --git a/static/trash/yb.png b/static/trash/yb.png
new file mode 100755
index 0000000..af2e410
--- /dev/null
+++ b/static/trash/yb.png
diff --git a/static/webcam/webcam.swf b/static/webcam/webcam.swf
index 9285dc9..823f276 100644
--- a/static/webcam/webcam.swf
+++ b/static/webcam/webcam.swf