Need help with scrolling to a certain div

Need help with scrolling to a certain div

Hi,

I have html like this:

    <style type="text/css">
        #TourDetailItineraries {
          height: 500px;
          width: 400px;
          overflow: auto;
          border:1px solid #333;
        }

<div id="TourDetailItineraries">
    <div class="ItineraryAlt" id="TourDetailItinerary1">
    </div>
    <div class="Itinerary"  id="TourDetailItinerary2">
    </div>
    <div class="ItineraryAlt" id="TourDetailItinerary3">
    </div>
    <div class="Itinerary"  id="TourDetailItinerary4">
    </div>     
</div>

The server side script will populate 4 inner div with contents from database so they will have different length. I need help to create a function to take a number as parameter and scroll the corresponding div to the very top, e.g. scrollToItinerary(3) will scroll TourDetailItinerary3 to the top and TourDetailItinerary1 and TourDetailItinerary2 will be invisible.

TIA