제이쿼리 애니메이션 수정

http://jesus.barunweb.co.kr/

메인페이지에서 스크롤 하단으로 내릴 시 gnb가 검은색으로 변하는데 fadeIn효과 적용되면서 변해야합니다

ㅠㅠ코드를 보고 있는데 잘 모르겠습니다.. 아무리 해도 안되네요..ㅠㅠㅠ 소스 확인한번 부탁드리겠습니다

<code>

<script>

// Hide Header on on scroll down

var didScroll;

var lastScrollTop = 0;

var delta = 5;

var navbarHeight = $('header').outerHeight();

$(window).scroll(function(event){

    didScroll = true;

});

setInterval(function() {

    if (didScroll) {

        hasScrolled();

        didScroll = false;

    }

}, 250);

function hasScrolled() {

    var st = $(this).scrollTop();

    // Make sure they scroll more than delta

    if(Math.abs(lastScrollTop - st) <= delta)

        return;

    // If they scrolled down and are past the navbar, add class .nav-up.

    // This is necessary so you never see what is "behind" the navbar.

    if (st > lastScrollTop && st > navbarHeight){

        // Scroll Down

        document.getElementById('hd_wrap').style.backgroundColor = "#000000";

    } else {

        // Scroll Up

        document.getElementById('hd_wrap').style.backgroundColor = "transparent";

    }

    lastScrollTop = st;

}

</script>

</code>