Hi all,

My sub menus are not displaying properly in IE, safari,mozilla, and firefox in windows and mac.The first sub menu doesnt appear totally at all, the second and third does appear but at offset to a different position. Can anyone please help!!?!


Thanks in advance,



// global variables for timer
var timerID = null;

// @desc: get the object for the given name (not for frame);
// @param: string - name of the object;
// @return: HTML object;
function getObj(n)
{
var i, x=null, d=document;
if (!(x=d[n]) && d.all) {
x = d.all[n];
}
for (i=0; !x&&i<d.forms.length; i++) {
x = d.forms[i][n];
}
if (!x && d.getElementById) {
x = d.getElementById(n);
}
return x;
}


// @desc: clear Timer;
// @param: void;
// @return: void;
function clrTimer()
{
window.clearTimeout(timerID);
}


// @desc: show Menu L1;
// @param: string - name of the object;
// @return: HTML object;
function showMenuL2(n)
{
var o = getObj(n);
clrTimer();
hideMenuL2All();
o.style.visibility = 'visible';
}


function hideMenuL2()
{
timerID = window.setTimeout("hideMenuL2All('')",1000);
}

function hideMenuL2All()
{
var o1 = getObj('menuL2A');
var o2 = getObj('menuL2B');
var o3 = getObj('menuL2C');

o1.style.visibility = 'hidden';
o2.style.visibility = 'hidden';
o3.style.visibility = 'hidden';
}



Thanks again!