content/js/usergrid-site.js

var start = 40;
var end = 210;

function setHeaderForScroll(scrollTop) {
  if ( ($( window ).width() > 768) && ($('header.secondary').length == 0) ) {

    if(scrollTop > start) {
        opacity = (Math.floor(scrollTop) - start)/end;
        //console.log(opacity);
        percent = Math.min(opacity, 1)
        red = Math.floor(36 + (52-36) * percent);
        green = Math.floor(129 - (129-73) * percent);
        blue = Math.floor(166 - (166-94) * percent);
        blur = Math.floor(2 * percent);
    } else {
        opacity = 0;
        red = 36;
        green = 129;
        blue = 166;
        blur = 0;
    }
    $("#home-logo").css("opacity", opacity);
    $("header").css("box-shadow", "0px 1px "+blur+"px rgb("+red+','+green+','+blue+")");
  } else {
    $("#home-logo").css("opacity", 1);
    $("header").css("box-shadow", "0px 1px 2px rgb(52,73,94)");
  }
}

$(document).ready(function() {

    $('table').addClass('table');

    // Detect initial scroll on page load
    setHeaderForScroll($("body").scrollTop());

    //reduce the opacity of the banner if the page is scrolled.
    $(window).scroll(function () {
      setHeaderForScroll($("body").scrollTop());
    });

    // $(".navbar-toggle").bind("click", function(){
    //     if($(".collapse").hasClass("collapse"))
    //         $("#home-logo").css("opacity", 100);
    //     else
    //         $("#home-logo").css("opacity", 0);
    // });
  

});