Javascript-форум - Помогите доработать скрипт меню

Братцы, большая нужда привела меня к вам )) прошу помогите доработать скрипт..

Тут оригинал кода и сам скрипт в действии http://javascriptt.ru/menu20.html
Цель №1: нужно сделать чтоб выпадала по 5 ссылок из каждой как на картинки и чтобы нажимая на ссылку меня не выбрасывало с сайта, а сайт открывалось в новом окне. ( Там все ссылки будут на другие рессурсы.. ) ЕЩЕ просьба в скрипте пометить место куда надо вставить ссылку и где написать названия сайта..

Цель №2
сделать так, чтобы меню встала по центру (сейчас влево прижимается)

Помогите пожалуйста для кого это не сложно..

Код:

<style>

.horizontalcssmenu ul{

margin: 0;

padding: 0;

list-style-type: none;

}



/*Top level list items*/

.horizontalcssmenu ul li{

position: relative;

display: inline;

float: left;



}



/*Top level menu link items style*/

.horizontalcssmenu ul li a{

display: block;

width: 120px; /*Width of top level menu link items*/

padding: 2px 8px;

border: 1px solid #202020;

border-left-width: 0;

text-decoration: none;

background: url(menubg.gif) center center repeat-x;

color: black;

font: bold 13px Tahoma;

}

        

/*Sub level menu*/

.horizontalcssmenu ul li ul{

left: 0;

top: 0;

border-top: 1px solid #202020;

position: absolute;

display: block;

visibility: hidden;

z-index: 100;

}



/*Sub level menu list items*/

.horizontalcssmenu ul li ul li{

display: inline;

float: none;

}





/* Sub level menu links style */

.horizontalcssmenu ul li ul li a{

width: 160px; /*width of sub menu levels*/

font-weight: normal;

padding: 2px 5px;

background: #e3f1bd;

border-width: 0 1px 1px 1px;

}



.horizontalcssmenu ul li a:hover{

background: url(menubgover.gif) center center repeat-x;

}



.horizontalcssmenu ul li ul li a:hover{

background: #cde686;

}



.horizontalcssmenu .arrowdiv{

position: absolute;

right: 0;

background: transparent url(menuarrow.gif) no-repeat center left;

}



* html p#iepara{ /*For a paragraph (if any) that immediately follows menu, add 1em top spacing between the two in IE*/

padding-top: 1em;

}

        

</style>



<script type="text/javascript">

var cssmenuids=["cssmenu1"] //Enter id(s) of CSS Horizontal UL menus, separated by commas

var csssubmenuoffset=-1 //Offset of submenus from main menu. Default is 0 pixels.

function createcssmenu2(){

for (var i=0; i<cssmenuids.length; i++){

  var ultags=document.getElementById(cssmenuids[i]).getElementsByTagName("ul")

    for (var t=0; t<ultags.length; t++){

                        ultags[t].style.top=ultags[t].parentNode.offsetHeight+csssubmenuoffset+"px"

            var spanref=document.createElement("span")

                        spanref.className="arrowdiv"

                        spanref.innerHTML="    "

                        ultags[t].parentNode.getElementsByTagName("a")[0].appendChild(spanref)

            ultags[t].parentNode.onmouseover=function(){

                                        this.style.zIndex=100

            this.getElementsByTagName("ul")[0].style.visibility="visible"

                                        this.getElementsByTagName("ul")[0].style.zIndex=0

            }

            ultags[t].parentNode.onmouseout=function(){

                                        this.style.zIndex=0

                                        this.getElementsByTagName("ul")[0].style.visibility="hidden"

                                        this.getElementsByTagName("ul")[0].style.zIndex=100

            }    }  }}

if (window.addEventListener)

window.addEventListener("load", createcssmenu2, false)

else if (window.attachEvent)

window.attachEvent("onload", createcssmenu2)

</script>

</head>



<body bgcolor="#FFFFFF" text="#000000">

<div class="horizontalcssmenu">

<ul id="cssmenu1">

<li style="border-left: 1px solid #202020;"><a href="index.html">Главная</a>

    <ul>

    <li><a href="window.html">ссылка1</a></li>

    <li><a href="buttons.html">ссылка2</a></li>

    <li><a href="mail.html">ссылка3</a></li>

        <li><a href="window.html">ссылка4</a></li>

    <li><a href="buttons.html">ссылка5</a></li>

    </ul>

    <li><a href="forwarding.html">Переадресация</a>

        <ul>

    <li><a href="window.html">Фреймы</a></li>

    <li><a href="buttons.html">Баннеры</a></li>

    <li><a href="mail.html">Почта</a></li>

    </ul>

    <li><a href="text.html">Эффекты</a></li>

    <li><a href="protection.html">Защита</a>

    <ul>

    <li><a href="window.html">Окна</a></li>

    <li><a href="buttons.html">Кнопки</a></li>

    <li><a href="mail.html">Почта</a></li>

    </ul>

</li>

</ul>

<br style="clear: left;" />

</div>

</body>