[HTML][JavaScript] Efekt Fade w menu Opcje

[neotorrent]

Witam
Mam mały problem z Efektem fadeIn mianowicie
To moja stronka:
Link
Jak widać po najechaniu na Home lub Style zmieniają się napisy na głównym pasku.
Chciałbym by po najechaniu jeden się wygaszał a drugi pojawiał wiem że da się to zrobić fadeIn i fadeOut
Próbuje próbuje czytam kombinuje i nic mądrego mi nie wyszło.
Czy ktoś pokaże, dopisze do aktualnego kodu jak to zrobić?
Wrzucam potrzebne fragmenty kodu:

[HTML] pobierz, plaintext 
<!-- BEGIN Ikony -->
    	<div id="ikonytop">
        <img src="img/ikony/iconatop_home.png" / onMouseOver="MM_showHideLayers('button1','','show','button2','','hide','button3','','hide','button4','','hide')">
        <img src="img/ikony/iconatop_style.png" / onMouseOver="MM_showHideLayers('button1','','hide','button2','','show','button3','','hide','button4','','hide')">
        <img src="img/ikony/iconatop_hosting.png" />
        <img src="img/ikony/iconatop_platnosci.png" />
        <img src="img/ikony/iconatop_kontakt.png" />
        </div>
    <!-- END Ikony -->
    <!-- BEGIN Pasek -->
    	<div id="paseksrodek">
        	<div id="srodekxleft">
       			 <img src="img/pasekorange/pasek_lewoplus.png" />
       		</div> 
        	<div id="srodekx">
            	<div id="srodekxnapisy">
                	<div id="button1">
            	<img src="img/pasekorange/napisypasek_home.png" />
                <img src="img/pasekorange/napisypasek_platnosci.png" />
                <img src="img/pasekorange/napisypasek_forum.png" />
                <img src="img/pasekorange/napisypasek_partnerzy.png" />
                <img src="img/pasekorange/napisypasek_kontakt.png" />
                	</div>
                    <div id="button2">
                <img src="img/pasekorange/napisypasek_webspell.png" />
                <img src="img/pasekorange/napisypasek_przemo.png" />
                <img src="img/pasekorange/napisypasek_joomla.png" />
                	</div>
[HTML] pobierz, plaintext 

zmieniarka.js

[HTML] pobierz, plaintext 
function MM_findObj(n, d) { //v4.01
var p,i,x; if(!d) d=document; if((p=n.indexOf("?"))>0&&parent.frames.length) {
d=parent.frames[n.substring(p+1)].document; n=n.substring(0,p);}
if(!(x=d[n])&&d.all) x=d.all[n]; for (i=0;!x&&i<d.forms.length;i++) x=d.forms[i][n];
for(i=0;!x&&d.layers&&i<d.layers.length;i++) x=MM_findObj(n,d.layers[i].document);
if(!x && d.getElementById) x=d.getElementById(n); return x;
}
 
function MM_showHideLayers() { //v6.0
var i,p,v,obj,args=MM_showHideLayers.arguments;
for (i=0; i<(args.length-2); i+=3) if ((obj=MM_findObj(args[i]))!=null) { v=args[i+2];
if (obj.style) { obj=obj.style; v=(v=='show')?'visible':(v=='hide')?'hidden':v; }
obj.visibility=v; }
}
[HTML] pobierz, plaintext 

CSS

[HTML] pobierz, plaintext 
/* Zmieniarka CSSy */
#button1{
	visibility: show;
}
#button2{
	visibility: hidden;
	margin-top: -18px;
}
[HTML] pobierz, plaintext 

Z góry dziękuje , myślę że mi pomożecie ;D
Wiem że rozwiązanie jakie tu zastosowałem nie jest wyszukane przyjmę każda działającą propozycje