Plynne przewijanie top

wersja skryptu MyBB: 1.6.8
adres forum: http://apk-forum.tk
na czym polega problem (screen, opis, komunikaty, nazwa stylu/theme/szablonu):

Na moim forum w stopce jest taka strzalka do przewijania na gore strony.
Co zrobic zeby gdy w nia kliknie to tak plynnie mi przewijalo na sam poczatek.

Zeby przewijalo tak jak tu
http://support.hpbf.pl

Do Szablony niezgrupowane -> headerinclude dodaj:

    $('a.toTop').click(function () {
        $('body,html').animate({
            scrollTop: 0
        }, 800);
        return false;
    }); 


Następnie otwórz Stopka->footer:

<a href="#top"> 


zamień na:

<a class="toTop" href="#top"> 


Nie działa.
Gdy dodałem to wyskoczyło mi:

$('a.toTop').click(function () {
        $('body,html').animate({
            scrollTop: 0
        }, 800);
        return false;
    }); 


zamień na:

<script type="text/javascript">
    $('a.toTop').click(function () {
        $('body,html').animate({
            scrollTop: 0
        }, 800);
        return false;
    }); </script> 


Również nie działa :/
Dodaje mój footer moze w tym problem.

<br />
            
        <hr class="hidden" />
            <div style="height:55px" id="copyright">
                <!-- MyBB is free software developed and maintained by a volunteer community.
                     It would be much appreciated by the MyBB Group if you left the full copyright and "powered by" notice intact,
                     to show your support for MyBB.  If you choose to remove or modify the copyright below,
                     you may be refused support on the MyBB Community Forums.
                    
                     This is free software, support us and we'll support you. -->
<div class="bottommenu">
                <div>
                 <span class="smalltext"><br/><a href="{$mybb->settings['bburl']}/misc.php?action=syndication">{$lang->bottomlinks_syndication}</a>  | <a href="<archive_url>">{$lang->bottomlinks_litemode}</a></span>

                </div>
            </div>
<span class="smalltext">{$lang->powered_by} <a href="http://mybb.com/" target="_blank">MyBB{$mybbversion}</a>, &copy; 2002-{$copy_year} <a href="http://mybb.com/" target="_blank">MyBB Group</a>.<br />
                <!-- End powered by -->
                Design by <a href="http://mybb.ro/baltzatu-u-565.html">Baltzatu</a> modified by <a href="http://apk-forum.tk">Keitha</a></span>
<div style="text-align:center;width:50px;margin: 0 auto;margin-top:-33px;"><a href="#top"><img src="images/upp.PNG" alt="Przejdź na górę" title="Przejdź na górę" border="0" onmouseover="this.src = 'images/upn.PNG'" onmouseout="this.src = 'images/upp.PNG'" /></a></div>
              </div>

<br class="clear" />
<!-- The following piece of code allows MyBB to run scheduled tasks. DO NOT REMOVE -->{$task_image}<!-- End task image code -->
{$auto_dst_detection}
        </div>
        </div></p>

<div style="text-align:center;width:50px;margin: 0 auto;margin-top:-33px;"><a href="#top"><img src="images/upp.PNG" alt="Przejdź na górę" title="Przejdź na górę" border="0" onmouseover="this.src = 'images/upn.PNG'" onmouseout="this.src = 'images/upp.PNG'" /></a></div> 


Zamień na:

<div style="text-align:center;width:50px;margin: 0 auto;margin-top:-33px;"><a class="toTop" href="#top"><img src="images/upp.PNG" alt="Przejdź na górę" title="Przejdź na górę" border="0" onmouseover="this.src = 'images/upn.PNG'" onmouseout="this.src = 'images/upp.PNG'" /></a></div> 


Po za tym ;

<a name="top" id="top"></a> 


masz umieszczone na wysokości nawigacji także do nawigacji będzie tylko przewijać.

Zmieniłem i znów to samo.
Jak klikne w ten guzik to tylko przerzuca mnie a ja chciałbym tak płynnie ...
To co mam zrobić żeby przewijało na samą góre a nie tylko do nawigacji ?

Dodam ze teraz na index wogóle przewijanie nie działa.

Zmienić położenie

<a name="top" id="top"></a> 


Dać przed logiem (szablon header), a przed nawigacją wykasować.

Zmieniłem teraz na samą góre przewija tylko jeszcze żeby płynnie przewijało...