Something

function ElementPosition(obj) {	var curleft = curtop = 0;	if (obj.offsetParent) {		curleft = obj.offsetLeft		curtop = obj.offsetTop		while (obj = obj.offsetParent) {			curleft += obj.offsetLeft			curtop += obj.offsetTop		}	}		this.left = curleft;	this.top = curtop;}function EventMousePosition( e ) {	var posx = 0;	var posy = 0;	if (!e) var e = window.event;	if (e.pageX || e.pageY) 	{		posx = e.pageX;		posy = e.pageY;	}	else if (e.clientX || e.clientY) 	{		posx = e.clientX + document.body.scrollLeft			+ document.documentElement.scrollLeft;		posy = e.clientY + document.body.scrollTop			+ document.documentElement.scrollTop;	}	// posx and posy contain the mouse position relative to the document	// Do something with this information		this.x = posx;	this.y = posy;}/***** Popup Dialog Code ******/function PopupDialogInfo() {	this.closeable = true;	this.moveable = false;	this.title = "";	this.anchorElement = false;	this.startOpen = false;}function PopupDialog( info ) {	this.anchorElement = info.anchorElement;	this.title = info.title; 		this.div = document.createElement( 'div' );	this.div.className = 'popup_dialog';	this.div.style.visibility = 'hidden';	this.div.style.position = 'absolute';	this.div.style.left = '0px';	this.div.style.top = '0px';		var h1 = document.createElement( 'h1' );	h1.appendChild( document.createTextNode(this.title) );	this.div.appendChild( h1 );		if( info.closeable ) {		var closelink = document.createElement( 'a' );		closelink.href = 'javascript: void(0);';		closelink.controllerObj = this;		closelink.addEventListener( 'click', function(){this.controllerObj.close();}, false );		var closeimg = document.createElement( 'img' );		closeimg.src = '/images/icons/48x48/actions/fileclose.png';		closeimg.alt = 'X';		closelink.appendChild( closeimg );		h1.appendChild( closelink );	}		this.contentDiv = document.createElement( 'div' );	this.contentDiv.className = 'popup_content';		this.div.appendChild( this.contentDiv );	document.body.appendChild( this.div );		this.stateIsOpen = false;		if( info.startOpen ) {		this.open();	}}PopupDialog.prototype.open = function() {	var pos = new ElementPosition( this.anchorElement );	this.div.style.left = pos.left + 'px';	this.div.style.top = pos.top + 'px';	this.div.style.visibility = 'visible';	this.stateIsOpen = true;}PopupDialog.prototype.close = function() {	this.div.style.visibility = 'hidden';	this.stateIsOpen = false;}PopupDialog.prototype.content = function() {	return this.contentDiv;}PopupDialog.prototype.isOpen = function() {	return this.stateIsOpen;}/**** END POPUP DIALOG ********//***** CONTEXT MENU CODE *******/function ContextMenuInfo() {	this.mouseOutDelay = 1000;	this.callback = false;}function ContextMenu( info ) {	this.anchorElement = info.anchorElement;	this.anchorElement.contextMenuController = this;	info.anchorElement.addEventListener(		'click',		function(e) {			var mousePos = new EventMousePosition(e);			this.contextMenuController.open(mousePos.x,mousePos.y);		},		false	);	this.ul = document.createElement( 'ul' );	this.ul.className = 'context_menu';	this.ul.style.visibility = 'hidden';	this.ul.style.position = 'absolute';	this.ul.style.left = '0px';	this.ul.style.top = '0px';		this.ul.contextMenuController = this;	this.ul.addEventListener( 'mouseout', function(){this.contextMenuController.onMouseOut()}, false );	this.ul.addEventListener( 'mouseover', function(){this.contextMenuController.onMouseOver()}, false );		this.statusMouseIsOver = false;		document.body.appendChild( this.ul );}ContextMenu.prototype.open = function( x, y ) {	this.ul.style.left = x + 'px';	this.ul.style.top = y + 'px';	this.ul.style.visibility = 'visible';	this.stateIsOpen = true;}ContextMenu.prototype.close = function() {	this.ul.style.visibility = 'hidden';	this.stateIsOpen = false;}ContextMenu.prototype.isOpen = function() {	return this.stateIsOpen;}ContextMenu.prototype.add = function( data ) {	var li = document.createElement( 'li' );	li.appendChild( document.createTextNode(data) );	this.ul.appendChild( li );}ContextMenu.prototype.onMouseOver = function(e) {	this.statusMouseIsOver = true;	window.status = 'over';}ContextMenu.prototype.onMouseOut = function(e) {	this.statusMouseIsOver = false;	window.status = 'out';		if( this.stage2TimeoutId ) {		window.clearTimeout( this.stage2TimeoutId );		this.stage2TimeoutId = false;	}	this.stage2TimeoutId = window.setObjectTimeout( this, "mouseOutStage2", 1000 );}ContextMenu.prototype.isMouseOver = function() {	if( this.stage2TimeoutId ) {		window.clearTimeout( this.stage2TimeoutId );		this.stage2TimeoutId = false;	}		return this.statusMouseIsOver;}ContextMenu.prototype.mouseOutStage2 = function() {	if( !this.isMouseOver() ) {		this.close();	}}/***** END CONTEXT MENU ********//***** TIMEOUT CODE ***********/window.setObjectTimeout =  function( object, funcName, delay ) {	return window.setTimeout( window.objectTimeoutCallback, delay, object, funcName  );}window.objectTimeoutCallback = function( object, funcName ) {	if( object[funcName]) {		object[funcName]();	} else {		throw "Invalid Callback";	}}/******* END TIMEOUT **********/