1 /* Original code from http://davidwalsh.name/persistent-header-opacity#bottom */

     2 var create_uberbar = function () {

     3 $(document).ready(function() {

     4     $("#header").css("position", "relative");

     5     $("#header").css("top", "40px");

     6     $("#header").css("margin-bottom", "70px");

     7 

     8     //settings

     9     var fadeSpeed = 200;

    10     var fadeTo = 0.5;

    11     var topDistance = 30;

    12  

    13     var topbarME = function() {

    14       $('#uberbar').fadeTo(fadeSpeed,1);

    15     };

    16 

    17     var topbarML = function() {

    18       $('#uberbar').fadeTo(fadeSpeed,fadeTo);

    19     };

    20 

    21     var inside = false;

    22     //do

    23     $(window).scroll(function() {

    24       position = $(window).scrollTop();

    25       if(position > topDistance && !inside) {

    26         //add events

    27         topbarML();

    28         $('#uberbar').bind('mouseenter',topbarME);

    29         $('#uberbar').bind('mouseleave',topbarML);

    30         inside = true;

    31       }

    32       else if (position < topDistance){

    33         topbarME();

    34         $('#uberbar').unbind('mouseenter',topbarME);

    35         $('#uberbar').unbind('mouseleave',topbarML);

    36         inside = false;

    37       }

    38     });

    39   });

    40 }