var offsetTop = offsetLeft = 0;
var onElement = false;

function setOffsets(el)
{
	offsetTop = offsetLeft = 0;
	var osTrail = el;
    var scrollTop = 0;

    while(osTrail) {
    	scrollTop  += osTrail.scrollTop;
        offsetLeft += osTrail.offsetLeft;
        offsetTop  += osTrail.offsetTop;
        osTrail    = osTrail.offsetParent;
    }
    offsetTop -= scrollTop;
}

function closeMenu()
{
	if((el = document.getElementById('menuDiv'))) { el.parentNode.removeChild(el); }
}

function hideMenu()
{
	document.getElementById('menuDiv').style.display = 'none';
}

function showMenu()
{
	document.getElementById('menuDiv').style.display = 'block';
}

function what()
{
	onElement = true;
}

function popMenu(el, menu)
{
	setOffsets(el);
	closeMenu();
	
	div						= document.createElement('div');
	div.id					= 'menuDiv';
	div.style.position		= 'absolute';
	div.style.top			= offsetTop + 'px';
	div.style.left			= offsetLeft + 148 + 'px';
	div.style.width			= '200px';
	div.style.background	= '#BAD4EB';
	div.style.border		= '1px solid #D6D6D6';
	div.style.zIndex		= '5000';
	div.style.font			= 'normal 14px arial';
	div.innerHTML 			= '';
	div.onmouseover			= showMenu;
	div.onmouseout			= hideMenu;
	
	
	if(typeof(menu) == 'object') {
		for(i = 0; i < menu.length; i++)
		{
			if(menu[i]) {
				a					= document.createElement('a');
				a.href				= menu[i]['link'];
				a.innerHTML			= menu[i]['title'];
				a.style.margin		= '2px';
				a.style.display		= 'block';
				div.appendChild(a);
			}
		}
	}
	
	document.body.appendChild(div);
	
}