Помогите с мелкой проблемой плиз!
 

Здравствуйте! На своём сайте пытаюсь сделать незамысловатую анимацию:

1) Меню при прокрутке страницы вниз на 500 пикселей занимает позицию fixed и top
2)При возвращении наверх должно возвращаться на своё место

Всё работает, НО при прокрутке наверх меню почему-то "ждёт" чего то и только потом исчезает. И чем ниже прокручиваем страницу, тем, при возвращении на самый верх, меню дольше возвращается на своё место.

Помогите, плиз! В Javascript нуб. Подключён jQuerry плагин. Уже всю голову сломал, но никак.

Вот сайт: http://chastnyj-kompyuternyj-master.bl.ee
Вот код: (первый кусочек его отвечает за плавные переходы между ID)

var currentWidth = $(document.body).width();
if ( currentWidth >= '1024') {

$(function() {
$('a[href*=#]:not([href=#])').click(function() {
if (location.pathname.replace(/^\//,'') == this.pathname.replace(/^\//,'') && location.hostname == this.hostname) {
var target = $(this.hash);
target = target.length ? target : $('[name=' + this.hash.slice(1) +']');
if (target.length) {
$('html,body').animate({
scrollTop: target.offset().top
}, 1000);
return false;
}
}
});
});

$(window).scroll(function (){

if ($(this).scrollTop() > 550){
$(".menu").addClass("menuw");
$(".menu").animate({top: "65px"},400);
$(".nonemenu").css("display", "block");

} else {

$(".menu").removeClass("menuw");
$(".menu").animate({top: "0px"},300);
$(".nonemenu").css("display", "none");
};
});

};