1 files changed, 72 insertions, 0 deletions

diff --git a/static/js/pichat.js b/static/js/pichat.js
index fd33729..3775cfe 100755
--- a/static/js/pichat.js
+++ b/static/js/pichat.js
@@ -121,6 +121,10 @@ function submitMessage() {
     var content = $.trim($('#msgInput').val());
     $('#msgInput').val('');
     if (content ==  '') { return; }
+    if (content.length > 6666) {
+      alert("POST TOO LONG DUDE!");
+      return;
+    } // this shouldn't just be client side :V
     PendingMessages[content] = true;
 
     var msg = { 'nick': Nick, 'content': content };
@@ -463,4 +467,72 @@ function initDirectory() {
         var text = jQuery(this).text();
         jQuery(this).html(linkify(text));
     });       
+}
+
+//big hand stuff
+
+
+function initBigHand(id){
+  var cursorId = "#cursor-big"
+  var cursor = $(cursorId)[0]
+  
+  // jquery's reported element sizes are not exactly the same as the browser's 'mouseover' target sizes
+  // so we'll allow a few pixels extra
+  var fudgeFactor = 2
+
+  $(id).addClass("no-cursor")
+
+  // i have to do this weirdly bc putting the cursor image where the mouse cursor is causes problems with mouse events:
+  // * it stops mousemove events on the image below the mouse cursor
+  // * it fucks up mouseover/out and even mouseenter/leave events, as well as click
+  
+  // so i am doing this:
+  // on mousing over the image:
+  //    make cursor visible
+  //    find image co-ords
+  //    bind a global mousemove func
+  //    bind cursor click event
+  //    unbind mouseover
+  // mousemove func:
+  //    move image to mouse co-ords
+  //    if mouse co-ords are outside the image co-ords:
+  //        make cursor invisible
+  //        unbind mousemove func
+  //        unbind cursor click event
+
+  var mousemove = function(e){
+    var y = e.pageY, x = e.pageX, coords = initBigHand.coords
+    
+    cursor.style.top = y + "px"
+    cursor.style.left = x - 32 + "px" // 32: (4 pixels * 8 pixels per big pixel) to line up pointy finger with cursor
+    if (y < coords.top || 
+        y > coords.bottom ||
+        x < coords.left || 
+        x > coords.right) {
+          $(cursorId).addClass('invisible')
+          $(cursorId).css({"top": 0, "left": 0 })
+          $(cursorId).unbind('click', cursorClick)
+          $('logo7').unbind('mousemove', mousemove)
+          $(id).mouseover(imageMouseOver)
+      }    
+  }
+  
+  var cursorClick = function(){ $(id).click() }
+  
+  var imageMouseOver = function(){
+    //console.log("moused over...")
+    initBigHand.coords = {
+      "left":   $(id).offset().left - fudgeFactor,
+      "top":    $(id).offset().top - fudgeFactor,
+      "right":  $(id).offset().left + $(id).width() + fudgeFactor,
+      "bottom": $(id).offset().top + $(id).height() + fudgeFactor
+    }
+    $('body').mousemove(mousemove)
+    $(cursorId).click(cursorClick)
+    $(cursorId).removeClass('invisible')
+    $(id).unbind('mouseover', imageMouseOver)
+  }
+  
+  $(id).mouseover(imageMouseOver)
+  
 }
\ No newline at end of file