var cX = 0;
var cY = 0;
var rX = 0;
var rY = 0;

function find_position(d)
{
	for (var lx=0, ly=0; 
		 d != null;
         lx += d.offsetLeft, ly += d.offsetTop, d = d.offsetParent);
    return{x: lx,y: ly};
}

function update_cursor_position(e)
{
	cX = e.pageX;
	cY = e.pageY;
}

function update_cursor_position_all(e)
{
	cX = event.clientX;
	cY = event.clientY;
}

if(document.all)
{
	document.onmousemove = update_cursor_position_all;
}
else
{
	document.onmousemove = update_cursor_position;
}

function assign_position(d)
{
	if(self.pageYOffset)
	{
		rX = self.pageXOffset;
		rY = self.pageYOffset;
	}
	else if(document.documentElement && document.documentElement.scrollTop)
	{
		rX = document.documentElement.scrollLeft;
		rY = document.documentElement.scrollTop;
	}
	else if(document.body)
	{
		rX = document.body.scrollLeft;
		rY = document.body.scrollTop;
	}
	if(document.all)
	{
		cX += rX; 
		cY += rY;
	}
	d.style.left = (cX+10) + "px";
	d.style.top = (cY+10) + "px";
}

function assign_position_2(d, t)
{
	var tX = t.offsetLeft;
	var tY = t.offsetTop;
	var tW = t.offsetWidth;
	var tH = t.offsetHieght;
	
	d.style.left = (tX+tW)+"px";
	d.style.top = (tY)+"px";
}

function assign_position_3(dst, tar)
{
	pos = find_position(tar);
	tarX = pos['x']; //alert(tX);
	tarY = pos['y']; //alert(tY);
	var tarW = tar.offsetWidth;
	var tarH = tar.offsetHieght;
	
	dst.style.left = (tarX+tarW+2)+"px";
	dst.style.top = (tarY)+"px";
}

function hide_content(d)
{
	d = 'popup';
	if(d.length < 1){return;}
	document.getElementById(d).style.display = "none";
}

function show_content(source, target)
{
	var destination = 'popup';
	if(destination.length < 1){return;}
	var dst = document.getElementById(destination);
	var tar = document.getElementById(target);
	var src = document.getElementById(source);
	assign_position_3(dst, tar);
	dst.style.display = "block";
	dst.innerHTML = src.innerHTML;
}

function reverse_content_display(source, target)
{
	var destination = 'popup';
	if(destination.length < 1){return;}
	var dst = document.getElementById(destination);
	var tar = document.getElementById(target);
	var src = document.getElementById(source);
	assign_position_3(dst, tar);
	if(dst.style.display == "none")
	{
		dst.style.display = "block";
	}
	else
	{
		dst.style.display = "none";
	}
}