pytask/static/js/uberbar.js
changeset 505 a05fde6309e1
--- /dev/null	Thu Jan 01 00:00:00 1970 +0000
+++ b/pytask/static/js/uberbar.js	Fri Jan 21 02:09:58 2011 +0530
@@ -0,0 +1,40 @@
+/* Original code from http://davidwalsh.name/persistent-header-opacity#bottom */
+var create_uberbar = function () {
+$(document).ready(function() {
+    $("#header").css("position", "relative");
+    $("#header").css("top", "40px");
+    $("#header").css("margin-bottom", "70px");
+
+    //settings
+    var fadeSpeed = 200;
+    var fadeTo = 0.5;
+    var topDistance = 30;
+ 
+    var topbarME = function() {
+      $('#uberbar').fadeTo(fadeSpeed,1);
+    };
+
+    var topbarML = function() {
+      $('#uberbar').fadeTo(fadeSpeed,fadeTo);
+    };
+
+    var inside = false;
+    //do
+    $(window).scroll(function() {
+      position = $(window).scrollTop();
+      if(position > topDistance && !inside) {
+        //add events
+        topbarML();
+        $('#uberbar').bind('mouseenter',topbarME);
+        $('#uberbar').bind('mouseleave',topbarML);
+        inside = true;
+      }
+      else if (position < topDistance){
+        topbarME();
+        $('#uberbar').unbind('mouseenter',topbarME);
+        $('#uberbar').unbind('mouseleave',topbarML);
+        inside = false;
+      }
+    });
+  });
+}