/** top menus **/

function TopMenus()
{
}

TopMenus.activeElement = null;
TopMenus.srcElement = null;
TopMenus.hider = null;
TopMenus.popSrc = "";

TopMenus.prototype.mouseOver = function(element)
{
    if( (element == TopMenus.activeElement) || (element == TopMenus.activeSrc) ) {
	if( TopMenus.hider != null ) {
	    clearTimeout( TopMenus.hider );
	    TopMenus.hider = null;
	}
	return;
    }

    if( TopMenus.activeElement != null ) {
	if( TopMenus.hider != null )
	    clearTimeout( TopMenus.hider );
	TopMenus.hider = null;
	this.finalCleanup();
    }
    var subId = element.getAttribute( "subid" );
    var child = document.getElementById( "isub_" + subId );
    var	ov = element.getAttribute( "ov" );

    if( !child ) return;

    var pos = getPageCoords( element );

    child.style.left = (((248-177)/2)+pos.x) + "px";
    child.style.top = (pos.y + 39) + "px";
    child.style.display = "block";
    if( ov ) {
	TopMenus.popSrc = element.childNodes[0].src;
	element.childNodes[0].src = ov;
    }
    TopMenus.activeElement = child;
    TopMenus.srcElement = element;
}

TopMenus.prototype.mouseOut = function(element)
{
    if( TopMenus.hider != null ) return;
    if( TopMenus.activeElement == null ) return;

    TopMenus.hider = setTimeout( this.finalCleanup, 800 );
}

TopMenus.prototype.finalCleanup = function()
{
    if( TopMenus.activeElement != null ) TopMenus.activeElement.style.display = "none";
    if( TopMenus.srcElement != null ) {
	TopMenus.srcElement.childNodes[0].src = TopMenus.popSrc;
    }
    TopMenus.hider = null;
    TopMenus.srcElement = null;
    TopMenus.activeElement = null;
}