function showSubMenu(e)
{
     if (!e)  e = window.event;
     var srcEl = e.srcElement? e.srcElement : e.target; 
     theSub = document.getElementById('subMenu');

    if (srcEl.nodeName == 'TD' || srcEl.nodeName =='IMG')
    {
        theSub.style.left = getPos(srcEl,"Left")
	theSub.style.top = getPos(srcEl,"Top") + srcEl.offsetHeight;
        var theAtt = (srcEl.nodeName == 'TD') ? srcEl.id : srcEl.src ;
        if (theAtt.indexOf('tudents')> 0 )
          { theSub.innerHTML="<a href='students.html'>Current Students</a><br><a href='grads.html'>Graduates</a>"; }
        else
          { theSub.innerHTML="<a href='events.html'>Current Events</a><br><a href='pastevents.html'>Past Events</a>"; }
        theSub.style.display = 'block';
    }
    else if (e.type == "mouseout" && checkDivOut(e,srcEl) )
    {
        theSub.style.display = 'none';
    }
}

function getPos(el,sProp) {
	var iPos = 0
	while (el!=null) {
		iPos+=el["offset" + sProp]
		el = el.offsetParent
	}
	return iPos

}

function checkDivOut(e,srcEl)
{
// Mozilla will throw a mouseout event on the DIV when a child element throws a mouseover
	//if (srcEl.nodeName != 'DIV') return false;
	var reltarg = (e.relatedTarget) ? e.relatedTarget : e.toElement;
        // so, if the new element is one of the children, just say no
	if ( reltarg.nodeName == 'A' || reltarg.nodeName == 'LI' || reltarg.nodeName == 'UL' ||  reltarg.nodeName == 'DIV')
          {return false;}
        else
          {return true;}

}