Плавное прокручивание страницы вверх вниз на основе jQuery

Ставить в шаблон overall_footer_end или в виджет на главной странице.

Код:
<!--Кнопки вверх вниз-->
<div style= "position:fixed; right:0.1%; bottom:45%;">
<div id="nav_up"><img src="http://s5.uploads.ru/g13bs.png" alt="Вверх страницы" title="Вверх страницы" border="0"/></div>
<div  id="nav_down"><img src="http://s4.uploads.ru/GrYqK.png" alt="Вниз страницы " title="Вниз страницы" border="0"/></div>
</div>


      <script type="text/javascript">
        jQuery(function() {
            var overelem = jQuery('body');
            
            jQuery('#nav_up').fadeIn('slow');
            jQuery('#nav_down').fadeIn('slow');  
                                 
            jQuery('#nav_down').click(
              function (e) {
                  jQuery('html, body').animate({scrollTop: overelem.height()}, 1100);
              }
            );
            jQuery('#nav_up').click(
              function (e) {
                  jQuery('html, body').animate({scrollTop: '0px'}, 1100);
              }
            );
            });
        </script>