var timeoutID = "";

function moveDivToPos(srcEl, targetEl, movePx) 
{
	// source elm, target elm, displacment in y axis	
	
	var obj = document.getElementById(srcEl)

	if (document.getElementById(targetEl)) {
		if (document.getElementById(targetEl).style.visibility == "hidden") {

			var resX = findPosX(obj);
			var resY = findPosY(obj);

			// move the div just beneath the current element
			
			document.getElementById(targetEl).style.left = resX-15;
			document.getElementById(targetEl).style.top = resY+movePx;
			
			funShowHideDiv(targetEl, 1);

		}
	}
}

function funShowHideDiv(targetEl, intShow)
{
	// make visible

	if (document.getElementById(targetEl)) 
	{
		// if element exists
		var obj = document.getElementById(targetEl);

		//current = (obj.style.visibility == 'hidden') ? 'visible' : 'hidden';
		//obj.style.visibility = current;

		if (intShow == 0) 
		{
			obj.style.visibility = "hidden";
		} 
		else if (intShow == 1) 
		{
			// show
			obj.style.visibility = "visible";
		}

	}
}

function findPosX(obj)
{
	var curleft = 0;
	if (obj.offsetParent)
	{
		while (obj.offsetParent)
		{
			curleft += obj.offsetLeft
			obj = obj.offsetParent;
		}
	}
	else if (obj.x)
		curleft += obj.x;
	return curleft;
}

function findPosY(obj)
{
	var curtop = 0;
	if (obj.offsetParent)
	{
		while (obj.offsetParent)
		{
			curtop += obj.offsetTop
			obj = obj.offsetParent;
		}
	}
	else if (obj.y)
		curtop += obj.y;
	return curtop;
}

