jquery scrollTo + wordpress issue (горизонтальная скользящая компоновка)

В основном я попытался сделать горизонтальную раздвижную одностраничную компоновку. Я боролся часами и до сих пор не знаю, что я делаю неправильно.

JQuery и scrollTo включены до <? PHP wp_head (); ?> (в правильном порядке), и я дважды проверил возможные опечатки.

Gere - моя html-разметка:

<div class="nav">
main
bio
film

</div>

<div id="wrap">
<div id="mask">
    <div class="panel" id="main"> </div>
    <div class="panel" id="bio"> </div>
    <div class="panel" id="film"> </div>
</div>
</div>

и вот сценарий:

<script type='text/javascript'>
$(document).ready(function() {
$('a.menu').click(function() {

    $('a.menu').removeClass('active');
    $(this).addClass('active');

    current = $(this);

    $('#wrap').scrollTo($(this).attr('href'), 800);     

    return false;
});

});

</script>   

Я попытался разместить этот скрипт повсюду на сайте, но я все еще не могу заставить его работать.