scrollTo based on anchor tag

scrollTo based on anchor tag

Hello,
I have a page set up with a couple of UI Tabs sections and want to be able to give out links to the individual tabs. This works OK on its own using the hash tags for the tabs. But by default the page scrolls to the tab content area, hiding the tabs themselves, which is not good.

I figure if I can use the scrollTo plugin to scroll to a specific area based on the hash tag in the url I'll be all set. Problem is I'm a total n00b at writing jQuery/js and can't figure out how to make it work.

I have this currently:

 
<!-----------Just a simple call to the tabs:---------->

<script type="text/javascript">

$(document).ready(            
   function(){
    $(".video-tabs").tabs();
   
});
            
  </script>

<!----------tabs list:------------->

<div class="video-tabs">
    <ul>
        <li><A href="#glove"><IMG height=96 alt=easyboot-front-thumb.jpg src="/_System/Lib/Image/main_pages/newvidspage/glove-thumb.jpg" width=80 border=0><br />
          <p class="boot-vid-titles">Glove</p></a></li>
        <li><A href="#glue-on"><IMG height=96 alt=easyboot-front-thumb.jpg src="/_System/Lib/Image/main_pages/newvidspage/glueon-thumb.jpg" width=80 border=0><br />
          <p class="boot-vid-titles">Glue-On</p></A></li>
        <li><A href="#edge"><IMG height=96 alt=easyboot-front-thumb.jpg src="/_System/Lib/Image/main_pages/newvidspage/edgethumb.jpg" width=80 border=0><br />
          <p class="boot-vid-titles">Edge</p></a></li>
        <li><A href="#rx"><IMG height=96 alt=easyboot-front-thumb.jpg src="/_System/Lib/Image/main_pages/newvidspage/rx-thumb.jpg" width=80 border=0><br />
          <p class="boot-vid-titles">Rx</p></a></li>
        <li><A href="#easyboot"><IMG height=96 alt=easyboot-front-thumb.jpg src="/_System/Lib/Image/main_pages/newvidspage/easyboot-thumb.jpg" width=80 border=0><br />
          <p class="boot-vid-titles">Easyboot</p></a></li>
        <li><A href="#epic"><IMG height=96 alt=easyboot-front-thumb.jpg src="/_System/Lib/Image/main_pages/newvidspage/epic-thumb.jpg" width=80 border=0><br />
          <p class="boot-vid-titles">Epic</p></a></li>       
      </ul>

<!---Tab content divs follow, don't think I need to post it all here...-------->
<!---This is basically repeated for the second set of tabs, but of course each tab has its own hash tag.------->


Can't I just insert a function that looks in the url for certain has tags and scrolls the page to a certain place based on that? I already have the scrollTo plugin working, but can't figure out how to check the url and use scrollTo based on that.

Please help?