//-- PopUP 
var divPopUp = null

//--Mouse-------------------------------
function Get_MouseCoords(evt) {    
	var evt = evt||window.event;	
	var x = evt.x || evt.clientX;
	var y = evt.y || evt.clientY;
	return [x, y];
}
function Get_MouseCoord_X(event) {
	var coords = Get_MouseCoords(event);
	return coords[0];
}
function Get_MouseCoord_Y(event) {
	var coords = Get_MouseCoords(event);
	return coords[1];
}

//--My events----------------------------------
function ShowPopup(oEvent, id)
{
    HidePopup();
    divPopUp = $get(id);
	oEvent = oEvent || window.event;
	var target = oEvent.target || oEvent.srcElement;
	
	VisiblePopUp(oEvent);
}

//-- Array
var arText = null;
var arID = null;

function VisiblePopUp(oEvent)
{
    if (!divPopUp) {
        return;
    }
    //document.body.appendChild(divPopUp);
	var x = Get_MouseCoord_X(oEvent);
	var y = Get_MouseCoord_Y(oEvent);

	var rightedge = document.body.clientWidth - x;
	var bottomedge = document.body.clientHeight - y;
	
	var parentElement = document.body.parentElement || document.body.parentNode;
	
	if (rightedge < divPopUp.offsetWidth)
		divPopUp.style.left = parentElement.scrollLeft + x + 10 - divPopUp.offsetWidth  + "px";
	else
		divPopUp.style.left = parentElement.scrollLeft + x + 10 + "px";
		
	if (bottomedge < divPopUp.offsetHeight)	{
		divPopUp.style.top = parentElement.scrollTop + y - divPopUp.offsetHeight  + "px";		
	} else	{
		divPopUp.style.top = parentElement.scrollTop + y  + "px";
	}
	
	if(x != 0 && y != 0)
		divPopUp.style.display = 'block';	
}

function HidePopup()
{
	if (divPopUp) {
	    divPopUp.style.display = 'none';
	}
}