function getRealLeft(el) {
    xPos = 0;
    if( el.offsetParent ) {
	    do {
	    	xPos += el.offsetLeft;    	
    	} while (el = el.offsetParent ) ;
    }
    return xPos;
}    

function getRealTop(el) {
    yPos = 0;    
    if( el.offsetParent ) {
	    do {	    	
	    	yPos += el.offsetTop;    	 
    	} while (el = el.offsetParent ) ;
    }      
    return yPos;
}


var activeMenu = null;
var menuTimer = 0; 
var menuTimeout = 1500;

function onTopButton( button ) { 
	clearTimeout( menuTimer );
	if( activeMenu != null )
		hideMenu();
	if( activeMenu = document.getElementById( button.id + "_rollover" ) ) { 
		activeMenu.style.left = getRealLeft(button) + "px"; 
		activeMenu.style.top = getRealTop(button) + 29 + "px"; 
		activeMenu.style.display = "block";
	}

}

function offTopButton( ) {
	menuTimer = setTimeout( "hideMenu()" , menuTimeout ); 
}

function hideMenu() {
	if( activeMenu != null ) activeMenu.style.display = "none";
	activeMenu = null;
}

function onMenuItem() { 
	clearTimeout( menuTimer );
}

function offMenuItem() { 
	menuTimer = setTimeout( "hideMenu()" , menuTimeout ); 
}