Fade کردن دوتا DIV بعد از هم

[مهدی رحیم زاده]

سلام
من دوتا DIV توی یک صفحه دارم . می خوام که وقتی صفحه لود میشه DIV اول کم کم محو بشه و بعد دیگه نمایش داده نشه و وقتی که کاملا محو شود DIV دوم نمایش کم کم ظاهر بشه و در این بیشن DIV دوم بیاد و جای DIV اول رو بگیره.
با این کد DIV اول رو کم کم محو می کنم اما دیگه نمی دونم که چطور باید باقیش رو انجام بدم .

 <script type="text/javascript" src="js\jquery-1.4.2.min.js"></script>

    <script type="text/javascript">

        $(function() {           

                $('div').stop(true, false).animate({ 'opacity': 0 }, 2000);            

        });

    </script>

    

    <div align="center" dir="rtl">

        <asp:Image ID="Image1" runat="server" ImageUrl="~/SiteImage/js-pic/1.jpg" />    

        <br />

    </div>    

ممنون میشم راهنماییم کنید.
با تشکر