﻿function hideIt(objId)
{
	var obj = document.getElementById(objId);
	obj.style.visibility = 'hidden';
}

function displayIt(objId, offsetId, x, y)
{
	var obj = document.getElementById(objId);
	var offset = document.getElementById(offsetId);
	
	obj.style.visibility = (obj.style.visibility == 'visible') ? 'hidden' : 'visible';

	if (obj.style.visibility == 'visible')
	{	
        var res = getElementPos(offset);
        
        obj.style.left = res.x + x + 'px' ;
        obj.style.top = res.y + y + 'px' ;
    }
}

function getElementPos(element) {
	// Return (x,y) for top-left of the given element, relative to document
	var res = Object();
	res.x = 0;
	res.y = 0;
	for (var obj = element; obj.offsetParent; obj = obj.offsetParent) {
		res.x += obj.offsetLeft;
		res.y += obj.offsetTop;
	}
	return res;
}
