I do not know how to make this plugin work

I do not know how to make this plugin work

Hi there! I'm a javascript/jquery noob and I'm trying to make work a plugin that will scroll to my anchor links that are divs with IDs.

Here is the markup:

<ul>
             <li><a class="link-contact" href="#pregnancy">Pregnancy</a></li>
              <li><a class="link-contact" href="#babies-newborn">Babies - newborn (up to 10 days)</a></li>
              <li><a class="link-contact" href="#babies-3-6">Babies - 3-6 months</a></li>
              <li><a class="link-contact" href="#babies-6-24">Babies 6-24 months</a></li>
              <li><a class="link-contact" href="#kids">Kids</a></li>
              <li><a class="link-contact" href="#family">Family</a></li>
              <li><a class="link-contact" href="#all-about-me">It's all about me</a></li>
              <li><a class="link-contact" href="#couples">Couples</a></li>
              <li><a class="link-contact" href="#pets">Pets</a></li>
            </ul>

and these are the divs

<div id="about" class="panel">
<div id="contact" class="panel">

etc

My <head> contains:
<script type='text/javascript' src='http://ajax.googleapis.com/ajax/libs/jquery/1.6.4/jquery.min.js?ver=1.4.2'></script>
<script type='text/javascript' src='code.jquery.com/jquery-1.10.2.min.js'></script>


and:

1.
<script>
$(document).ready$(function(){
    $("[href^='#']").not("[href~='#']").click(function(evt){
        evt.preventDefault();
        var obj = $(this),
        getHref = obj.attr("href").split("#")[1],
        offsetSize = 300;
        $(window).scrollTop($("div[id*='"+getHref+"']").offset().top - offsetSize);
    });
});
</script>


But it is not working. It is supposed to scroll the anchor div down when clicking on a menu link, so that it scrolls to the top of the page.

You can also see it on wixwebsite.seobrasov.com

Help is very much appreciated.

Thank you!