/* 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;

      }

    });

  });

}