$(function(){
    var staytop = $('#toparea'),
        pos = staytop.offset();
        
        $(window).scroll(function(){
          if($(this).scrollTop() > pos.top+494 && staytop.hasClass('default')){
            staytop.fadeOut(0, function(){
                $(this).removeClass('default').addClass('fixed').fadeIn(0);
            });
            //$('<p id="test">Test</p>').appendTo('#navigation');
          } 
          else if($(this).scrollTop() <= 494 && staytop.hasClass('fixed')){
            staytop.fadeOut(0, function(){
              $(this).removeClass('fixed').addClass('default').fadeIn(0);
            });
            //$('#test').remove();
            }
        });
});