1 files changed, 138 insertions, 0 deletions
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>