Faneblad med fade

Hej eksperter,

Jeg bruger følgende kode til at lave faneblade med skift:

      // Mainmenu tab variables
      var mainPanels = new Array('mainTab0', 'mainTab1');
      var selectedMainTab = null;
      var selectedMenu = null
      var selectedLink = null;

   
    // Mainmenu tabs
      function showMainPanel(tab, name, menu, link)
      {
        if (selectedMainTab)
        {
          selectedMainTab.className ='off';
        }
        selectedMainTab = tab;
        selectedMainTab.className = 'on';
       
        if (selectedMenu)
        {
            document.getElementById(selectedMenu).className = "indicator";
        }
        selectedMenu = menu;
        document.getElementById(selectedMenu).className = "markindicator";
       
        if (selectedLink)
        {
            document.getElementById(selectedLink).className = "normallink";
        }
        selectedLink = link;
        document.getElementById(selectedLink).className = "marknormallink";
       


        for(i = 0; i < mainPanels.length; i++)
          document.getElementById(mainPanels[i]).style.display = (name == mainPanels[i]) ? 'block':'none';

        return false;
      }


Og så eks menue:
                                            <td width="120" align="center" class="on" onmousedown="return event.returnValue = showMainPanel(this, 'mainTab0', 'menu1', 'link1');" onclick="fade('fadeBlock0');" id="startMainTab" style="cursor:pointer;"><span class="indicator" id="menu1"><a href="#" class="normallink" id="link1">Link1</a></span></td>   
                                            <td width="120" align="center" class="off" onmousedown="return event.returnValue = showMainPanel(this, 'mainTab1', 'menu2', 'link2');" onclick="fade('fadeBlock1');" style="cursor:pointer;"><span class="indicator" id="menu2"><a href="#" class="normallink" id="link2">Link2</a></span></td>


Og her er indholdet så:
                                    <div id="mainTab0" style="display: block">
                                        <span class="normal">Indhold1</span>
                                    </div>


                                    <div id="mainTab1" style="display: none">
                                        <span class="normal">Indhold2</span>
                                    </div>



Koden er ligetil. Dog ønsker jeg nu at når jeg skifter fane, altså vil have noget andet indhold vil jeg gerne have at den fader den nye div frem. Kan i hjælpe?

Jeg har prøvet at kombinere den med fade-div effekter jeg har fundet på nettet men har ikke helt fundet det jeg ville.


På forhånd tak.

100 points til den med bedste svar