// starting the script on page load
$(document).ready(function(){
        var menu = $('#menu'),
		        pos = menu.offset();

        $(window).scroll(function() {
            if ($(this).scrollTop() > pos.top + menu.height() && menu.hasClass('default')) {
                menu.fadeOut(0, function() {
                    $(this).removeClass('default').addClass('fixed').fadeIn(0);
                });
            } else if ($(this).scrollTop() <= pos.top && menu.hasClass(0)) {
                menu.fadeOut(0, function() {
                    $(this).removeClass('fixed').addClass('default').fadeIn(0);
                });
            }
        });
});