$(document).ready(function () {
    var NavY = $('#navigationPanel').offset().top;
    var stickyNav = function () {
        var ScrollY = $(window).scrollTop();

        if (ScrollY >= NavY) {
            $('#navigationPanel').addClass('sticky');
        } else {
            $('#navigationPanel').removeClass('sticky');
        }
    };

    stickyNav();

    $(window).scroll(function () {
        stickyNav();
    });

    new ResizeSensor(jQuery('#navigationPanel'), function () {

        var newHeight = document.getElementById('navigationPanel').clientHeight;
        document.getElementById('navigationWrapper').setAttribute("style", "height:" + newHeight + "px");
    });
});