How can I get jQuery to scroll down a div (to another div) on mouse over of a link?

Question

Very hard to explain, I know.. especially since I'm new to the concept of programming altogether.

But I want to, on mouse over of a link to the right, change the logo so it corresponds with the link. I want it to animate so it 'scrolls' past all the other logos to get to the right one, kinda like what some websites have been doing as of late.

All the logos are contained within a div, and all have their own classes (if needed). Same goes with the links.

I'm certain one of you jQuery junkies can figure this out in a few lines of code.. or point me to a tutorial. Help me pleaase!

EDIT: Okay, whilst jAndy's submission was very handy, I'm stuck on how to code it all up. Am I going about this the right way?

<div id="nav">
    <div id="nav_left">
        <h1 class="home"><em>name</em>:home</h1>
        <h1 class="about"><em>name</em>:about</h1>
        <h1 class="folio"><em>name</em>:folio</h1>
        <h1 class="contact"><em>name</em>:contact</h1>
    </div>
    <div id="nav_right">
        <ul>
            <li><a href="#" class="lhome">Home</a></li>
            <li><a href="#" class="labout">About Me</a></li>
            <li><a href="#" class="lfolio">Portfolio</a></li>
            <li><a href="#" class="lcontact">Contact Me</a></li>
        </ul>
    </div>
</div>

Answer 1

Check out Ariel Fleslers scrollTo plugin

Answer 2

Easy going would look simiar to this example:

$('a.MyAnchorClass').bind('mouseenter', function(){
    $('div.MyDivClassWithLogos').animate({
       'scrollTop':    $('img.MyImgClass').offset().top
    }, 1500);
});

Example: http://jsbin.com/uliti3/2/edit

$(document).ready(function(){
    $('#nav_left').find('h1').each(function(i,v){
       $.data(this, 'pos', $(this).offset());
    });

    $('#nav_right').find('a').bind('mouseenter', function(e){
       var _target = '.' + e.target.className.substr(1);

       $('#nav_left').stop(true, false).animate({
           'scrollTop':  $(_target).data('pos').top
       }, 1500);
    });
});

Answer 3

Although jAndy's answer is probably what you want... I thought I would share another method seen in this demo

I answered a previous question using a menu system that worked by scrolling a div after clicking. I simply updated the demo by changing click to mouseover.