function menu(co)

        {
            var menu = new Array();
            menu[0] = "<a href=\"index.php?site=articles\">Atrykuly</a>   <a href=\"index.php?site=clanwars\">Wyniki</a>   <a href=\"index.php?site=calendar\">Kalendarz</a>   <a href=\"index.php?site=about\">O nas</a>   <a href=\"index.php?site=history\">Historia</a>   <a href=\"index.php?site=awards\">Osiagniecia</a>";
            menu[1] = "<a href=\"index.php?site=squads&action=show&squadID=1\">Organizacja</a>   <a href=\"index.php?site=squads&action=show&squadID=2\">Counter-Strike 1.6</a>   <a href=\"index.php?site=squads&action=show&squadID=3\">Cod 2 (1.0)</a>   <a href=\"index.php?site=squads&action=show&squadID=4\">Cod 2 (1.3)</a>   <a href=\"index.php?site=squads&action=show&squadID=5\">Cod 4</a>   <a href=\"index.php?site=members\">Wszystkie</a>";
            menu[4] = "<a href=\"index.php?site=files\">Pliki</a>   <a href=\"index.php?site=demos\">Dema</a>   <a href=\"index.php?site=links\">Linki</a>   <a href=\"index.php?site=gallery\">Galeria</a>";
            document.getElementById("menu_bottom").innerHTML = menu[co];
        }

/* Menu */
.menu ul { display: block; list-style: none; margin: 0; padding: 0; }
.menu li { float: left; }
.menu { width: 907px; float: left; display: block; }
#home { width: 154px; height: 53px; background-image: url(images/home-a.gif); display: block;}
#home:hover { width: 154px; height: 53px; background-image: url(images/home-b.gif); display: block; }
#td { width: 148px; height: 53px; background-image: url(images/td-a.gif); display: block;}
#td:hover { width: 148px; height: 53px; background-image: url(images/td-b.gif); display: block; }
#media { width: 168px; height: 53px; background-image: url(images/media-a.gif); display: block;}
#media:hover { width: 168px; height: 53px; background-image: url(images/media-b.gif); display: block; }
#pub { width: 132px; height: 53px; background-image: url(images/pub-a.gif); display: block;}
#pub:hover { width: 132px; height: 53px; background-image: url(images/pub-b.gif); display: block; }
#kontakt { width: 153px; height: 53px; background-image: url(images/kontakt-a.gif); display: block;}
#kontakt:hover { width: 153px; height: 53px; background-image: url(images/kontakt-b.gif); display: block; }

   <div class="menu">
            <ul>
                <li><a href="#" title="Strona Główna" id="home"></a></li>
                <li><a href="#" title="Druzyna" id="td" onmouseover="menu(1);"></a></li>
                <li><a href="#" title="Media" id="media" onmouseover="menu(0);"></a></li>
                <li><a href="#" title="Publikacje" id="pub" onmouseover="menu(4);"></a></li>
                <li><a href="#" title="Kontakt" id="kontakt"></a></li>
            </ul>
             </div>
             <div class="pod-menu">
                      <div id="menu_bottom"></div>
             </div>