Problema con Menù Javascript

Smanettavo creando uno javascript con menu a tendina... ma vista l'ora mi sono perso molti pezzi e ho lasciato perdere... ma... per fortuna esiste l'amato google... ecco il problema:

Il sito che mi ha dato lo Javascript mi da questo codice (non so se importante per il mio problema) da inserire nel tag Head:

<script language=JavaScript>
// Product title: Gurt JavaScript Menu
// Product version details: 1.1, 01-25-2006 (mm-dd-yyyy) [compressed version]
// Product URL: [url]http://gurtom.com/products/menus/js[/url]
// Contact info: [email]gurt-feedback@gurtom.com[/email] (specify product title in subject line)
// Notes: This script is free. Feel free to copy, use and change this script as
// long as this head part remains unchanged. Visit official site for details.
// Copyright: (c) 2006 by Gurtom.Com

var menus=[],_m3=window.external?[' style="width:100%;height:100%"','div onclick="','div']:['','a href="javascript:','a'],_mC=document.getElementById?function(_mR){return document.getElementById(_mR)}:function(_mR){return document.all[_mR]};function menu(_m1,_mO){var _=this,i;_._m1=_m1;_._mO=_mO;_._mS='';_.id=menus.length;_._m0=[];_._m2=[];_._m4=[0,0];_._mO[-1]={'firstX':20,'firstY':20,'nextX':15,'nextY':15,'width':100,'height':22,'hideAfter':200,'target':'_self','trace':0,'css':''};for(i=0;i<_._m1.length;i++)if(_._m1[i])new _mE(0,_,_,_._m1[i]);for(i=0;i<_._m2.length;i++)_mA(_._m2[i],1);menus[_.id]=_;}function _mD(_mK){var i,a=menus[_mK]._m0;for(i=0;i<a.length;i++){_mA(a[i],0);_mB(a[i],'norm');}}function _mF(_mK,_mI){var m=menus[_mK],_=m._m0[_mI]._m1[1];_mB(m._m0[_mI],'clck');if(_)open(_,_m9(m._m0[_mI]._m8,m._mO,'target'));}function _mG(_mK,_mI){var m=menus[_mK];m._mL=setTimeout('_mD('+_mK+')',_m9(m._mN._m8,m._mO,'hideAfter'));if(m._mN.id==_mI)m._mN=null;}function _mH(_mK,_mI){var m=menus[_mK],_,_m7,i;m._mN=_=m._m0[_mI];if(m._mL)clearTimeout(m._mL);for(i=0;i<m._m0.length;i++){_=m._m0[i];_m7=!m._mN._mS.indexOf(_._mT);if(_m7)_mB(_,_==m._mN?'over':'norm');_mA(_,_m7);}if(m._mN._m6)for(i=m._mN;i&&i._m5;i=i._mP)_mB(i,'over');}function _mE(l,p,m,_m1){var _=this,i,c=p._m2.length,_mO=m._mO;_._m1=_m1;_._mP=p;_._mT=p._mS;_._mS=p._mS+c+':';_._m8=l;_.id=m._m0.length;m._m0[_.id]=_;p._m2[c]=_;var id=m.id+','+_.id,nX,nY;_._m6=_m9(l,_mO,'trace');for(i=l;i>=-1;i--){if(_mO[i]&&_mO[i]['nextX']!=null)nX=_mO[i]['nextX'];if(_mO[i]&&_mO[i]['nextY']!=null)nY=_mO[i]['nextY'];if(nX!=null||nY!=null)break;}_._m4=[p._m4[0]+_m9(l,_mO,'firstX')+(nX!=null?nX*c+_m9(l,_mO,'width')*c:0),p._m4[1]+_m9(l,_mO,'firstY')+(nY!=null?nY*c+_m9(l,_mO,'height')*c:0)];document.write('<',_m3[1],'_mF(',id,')" id="me',id,'" style="position:absolute;top:',_._m4[1],'px;left:',_._m4[0],'px;width:',_m9(l,_mO,'width'),'px;height:',_m9(l,_mO,'height'),'px;visibility:hidden;z-index:',l,';text-decoration:none" onmouseout="_mG(',id,')" onmouseover="_mH(',id,')"><div',_m3[0],' id="mi',id,'" class="',_m9(l,_mO,'css'),'norm">',_m1[0],'</div></',_m3[2],'>');_._m5=[_mC('me'+m.id+','+_.id),_mC('mi'+m.id+','+_.id),_m9(l,_mO,'css')];if(_m1.length>2){_._m2=[];for(i=2;i<_m1.length;i++)if(_m1[i])new _mE(l+1,_,m,_m1[i]);}}function _mA(_,_mJ){if(_._mQ==_mJ)return;_._mQ=_mJ;if(_mJ)_._m5[0].style.visibility='visible';else if(_._m8)_._m5[0].style.visibility='hidden';}function _mB(_,_mM){if(_._m5[3]==_mM)return;_._m5[3]=_mM;_._m5[1].className=_._m5[2]+_mM}function _m9(l,_mO,k){for(var i=l;i>=-1;i--)if(_mO[i]&&_mO[i][k]!=null)return _mO[i][k];}
</script>
<script language=JavaScript>
var menuHierarchy = [
	['Europe', null,
		['Germany', null, ['Berlin'], ['Hamburg'], ['M&uuml;nchen']],
		['Turkey', null, ['&Igrave;stanbul'], ['Ankara'], ['&Igrave;zmir']],
		['United Kingdom', null, ['London'], ['Birmingham'], ['Glasgow']],
		['France', null, ['Paris'], ['Marseille'], ['Lyon']],
		['Italy', null, ['Roma'], ['Milano'], ['Napoli']]
	],
	['America', null,
		['U.S.A.', null, ['New York'], ['Los Angeles'], ['Chicago']],
		['Brazil', null, ['Sa&otilde; Paulo'], ['Rio de Janeiro'], ['Salvador']],
		['Mexico', null, ['Ciudad de Mexico'], ['Guadalajara'], ['Ecatepec']],
		['Colombia', null, ['Bogot&aacute;'], ['Cali'], ['Medell&iacute;n']],
		['Argentina', null, ['Buenos Aires'], ['C&oacute;rdoba'], ['San Justo']]
	],
	['Asia', null,
		['China', null, ['Shanghai'], ['Beijing'], ['Tianjin']],
		['India', null, ['Mumbai'], ['Kolkata'], ['Delhi']],
		['Indonesia', null, ['Jakarta'], ['Surabaya'], ['Bandung']],
		['Pakistan', null, ['Karachi'], ['Lahore'], ['Faisalabad']],
		['Bangladesh', null, ['Dhaka'], ['Chittagong'], ['Khulna']]
	],
	['Africa', null,
		['Nigeria', null, ['Lagos'], ['Kano'], ['Ibadan']],
		['Egypt', null, ['Al-Qahirah'], ['Al-Iskandariyah'], ['Al-Jizah']],
		['Ethiopia', null, ['Adis Abeba'], ['Dire Dawa'], ['Nazret']],
		['Congo', null, ['Kinshasa'], ['Lubumbashi'], ['Mbuji-Mayi']],
		['Sudan', null, ['Umm Durman'], ['Al-Khartum'], ['Al-Khartum Bahr&iuml;']]
	],
	['Australia', null,
		['Australia', null, ['Sydney'], ['Melbourne'], ['Brisbane']]
	]
]

</script>
<style>
body {
	font: 11px Arial,Verdana,Helvetica,sans-serif;
}
</style>

<style>
.gurtl0onorm {
	padding: 4px;
	font: 12px Arial, Tahoma, Verdana, Geneva, Helvetica, sans-serif;
	text-decoration: none;
	border: 1px solid #5E8383;
	border-left: 4px solid #5E8383;
	background: #5E8383;
	color: white;
	cursor: hand;
}
.gurtl0oover {
	padding: 4px;
	font: 12px Arial, Tahoma, Verdana, Geneva, Helvetica, sans-serif;
	text-decoration: none;
	border: 1px solid #A4A4A4;
	border-left: 4px solid #E1B700;
	background: #A4A4A4;
	color: white;
	cursor: hand;
}
.gurtl0oclck {
	padding: 4px;
	font: 12px Arial, Tahoma, Verdana, Geneva, Helvetica, sans-serif;
	text-decoration: none;
	border: 1px solid #A4A4A4;
	border-left: 4px solid #E1B700;
	background: #949494;
	color: white;
	cursor: hand;
}
.gurtl1onorm {
	padding: 3px;
	font: 12px Arial, Tahoma, Verdana, Geneva, Helvetica, sans-serif;
	text-decoration: none;
	border: 1px solid white;
	border-left: 4px solid #EBEFEF;
	background: #EBEFEF;
	color: #243D4B;
	cursor: hand;
}
.gurtl1oover {
	padding: 3px;
	font: 12px Arial, Tahoma, Verdana, Geneva, Helvetica, sans-serif;
	text-decoration: none;
	border: 1px solid white;
	border-left: 4px solid #E1B700;
	background: #EBEFEF;
	color: #243D4B;
	cursor: hand;
}
.gurtl1oclck {
	padding: 3px;
	font: 12px Arial, Tahoma, Verdana, Geneva, Helvetica, sans-serif;
	text-decoration: none;
	border: 1px solid white;
	border-left: 4px solid #E1B700;
	background: #DBDFDF;
	color: #243D4B;
	cursor: hand;
}

</style>

Poi da inserire nel tag Body mi da questo:

<script language="JavaScript">
<!--
var menuConfig = [
{
	'height':  25,
	'width' : 70,
	'firstX' : 15,
	'firstY' : 65,
	'nextX' : 1,
	'hideAfter' : 200,
	'css'   : 'gurtl0o',
	'trace' : true
},
{
	'height':  23,
	'width' : 110,
	'firstY' : 25,
	'firstX' :  0,
	'nextY' : -1,
	'css' : 'gurtl1o'
},
{
	'firstX' : 111,
	'firstY' : 0
}
];

new menu (menuHierarchy, menuConfig);
//-->
</script>

Sono leggermente niubbo con queste cose (sono i primi tentativi che faccio ^_^) però sono riuscito a capire che nello script da iserire nel body la parte iniziale (ovvero: {
'height': 25,
'width' : 70,
'firstX' : 15,
'firstY' : 65,
'nextX' : 1,
'hideAfter' : 200,
'css' : 'gurtl0o',
'trace' : true
},) ha per modificare il punto del menù i parametri FirstX e FirstY... ma ho pensato a una cosa: E se uno ha risoluzione diversa dal mio? (Che è abbastanza larga) lo vedrà da un'altra parte dove lo vedo io e questo non va bene...

In somma tutta sta sorta di casino per dire: Come faccio a mettere il menù al centro? xD

Oppure mi consigliate di cambiare menù?

Ps. Se vi serve volete vedere l'anteprima del menù QUI

[miki92]

Prova a modificare il tuo codice del body con questo:

<script language="JavaScript">
<!--
// Recupero le proporzioni dello schermo
var altezza = screen.height;
var larghezza = screen.width;

// Divido per un numero così da trovare le coordinate del centro
var newh = altezza/4;
var neww = larghezza/3;

var menuConfig = [
{
    'height':  25,
    'width' : 70,
    'firstX' : neww,
    'firstY' : newh,
    'nextX' : 1,
    'hideAfter' : 200,
    'css'   : 'gurtl0o',
    'trace' : true
},
{
    'height':  23,
    'width' : 110,
    'firstY' : 25,
    'firstX' :  0,
    'nextY' : -1,
    'css' : 'gurtl1o'
},
{
    'firstX' : 111,
    'firstY' : 0
}
];

new menu (menuHierarchy, menuConfig);
//-->
</script> 

Le mie modifiche calcolano la risoluzione dello schermo e la dividono per un determinato numero trovandomi così il centro dello schermo.

In pratica, se io ho la risoluzione (esempio base per farti capire) a 4x4 il centro dovrebbe essere a 2x2.

Il mio script calcola la risoluzione (quindi trova 4x4) poi la divide per un determinato numero (in questo caso essendo il centro diviso 2) ed infine trova il punto centrale dello schermo (2), in formula fa ciò 4x4/2x2 = 2x2.

Il rosso è la larghezza, il blu l'altezza.

Naturalmente poi basta modificare i numeri per cui dividere per spostare la posizione del menù.