[JavaScript]problem z scrollTop() Opcje

[omxd]

Witam,
kod:

[PHP] pobierz, plaintext 
 
   if ($position > 110) {
           $('#top_bar_bg').animate(
             {'top': '-40px'},
              "slow");
            $('#test').html('up');
   }
[PHP] pobierz, plaintext 

działa poprawnie.Problem pojawia się gdy próbuję dołączyć warunek $position <110 - wtedy skrypt po prostu przestaje reagować.Gdzie robię błąd?
Jsfiddle: http://jsfiddle.net/mB789/2/
Cały kod:

[PHP] pobierz, plaintext 
function scrollLogoEffect() {
        var $position = $(window).scrollTop();
        $('#test2').html($position);
               if ($position > 110) {
                       $('#top_bar_bg').animate(
                        {'top': '-40px'},
                        "slow");
 
  }
              if ($position < 110) {
               $('#top_bar_bg').animate(
              {'top': '0px'},
             "slow");
       }
}
 
 
 setInterval(scrollLogoEffect, 10);
[PHP] pobierz, plaintext 

[PHP] pobierz, plaintext 
#top_bar{
    width:100%;
    height:110px;
    margin-top:0px;
    position:fixed;
    top:0px;
    left:0px;
    z-index:1;
    outline:1px solid red;
}
#top_bar_bg{
    width:100%;
    height:110px;
    position:fixed;
    top:0px;
    left:0px;
    background:black;
    outline:1px solid yellow;
     z-index:2;
}
[PHP] pobierz, plaintext 

[PHP] pobierz, plaintext 
  <div id="top_bar">
            <div id="top_bar_bg"></div>
 
 
        </div>
[PHP] pobierz, plaintext 

Pozdrawiam