fadeOut при прокрутке к концу страницы

[piraids]

Добрый день, у меня есть на странице меню, при скролинге страницы оно становится фиксированным по верхнему краю, внизу страницы есть дублирующее меню. Как мне написать скрипт, который будет прятать мое фиксированное меню, когда будет видно дублирующее меню?

<div class="header">
  <div class="line">
    <div class="menu">
       ...items..
    </div>
  </div>
</div>
<div class="content">
    ...content( height > 2000px ).... 
</div>
<div class="footer">
  <div class="dubl_line">
     <div class="menu">
       ...items..
    </div>
  </div>
</div>

<script type="text/javascript">
    jQuery(function(f){
            var element = f('.line');
            f(window).scroll(function(){
                if(f(this).scrollTop() > 172){
                    element.addClass('line_fixed');
                }else{
                    element.removeClass('line_fixed');
                }
            });
        }); 
</script>

Как мне применить что то наподобии вот этого, только наоборот? Этот кусочек отображает элемент при прокрутке более 200px, иначе же скрывает:

element['fade'+ (f(this).scrollTop() > 200 ? 'In': 'Out')](500);

[Александр222]

Тут посмотрите примеры
http://rommelsantor.com/jquery/thfloat/demo.php

[piraids]

Разобрался сам:

element['fade'+ (f(this).scrollTop() + 100 < f("html").height() - f(window).height() ? 'In': 'Out')](1000);