function findPos(obj) {
    var curleft = curtop = 0;
    if (obj.offsetParent) {
        curleft = obj.offsetLeft
        curtop = obj.offsetTop
        while (obj = obj.offsetParent) {
            curleft += obj.offsetLeft
            curtop += obj.offsetTop
        }
    }
    return [curleft,curtop];
}

function animatePopUp(posX, posY, width, height, inner_elem, type){
    removePopUp();
    var popup = document.createElement("div");
	var arrow = document.createElement("img");
	arrow.setAttribute("src", "/images/popup_arrow.gif");
	arrow.setAttribute("id", "arrow");
	
	popup.setAttribute("id", "comment_popup");
	popup.style.position = "absolute";
	popup.style.border = "1px solid #DDDDDD";
	popup.style.backgroundColor = "#FFFFFF";
	popup.style.width = width;
	popup.style.height = height;
	popup.style.left = posX - width - 10;
	popup.style.top = posY - 30;
	
	arrow.style.position = "absolute";
	arrow.style.left = posX;
	arrow.style.top = posY;

	//document.body.appendChild(arrow, true);
	document.body.appendChild(popup, true);
	
	if(type == 'perm'){
		popup.mouseover = false;
		popup.onmouseover = function(){
			this.mouseover = true;
		}
		
		popup.onmouseout = function(event){
			var evt = (window.event) ? window.event : event;
			var left = parseInt(this.style.left) + parseInt(document.body.scrollLeft);
			var right = left + parseInt(this.style.width) + parseInt(document.body.scrollLeft);
			var top = parseInt(this.style.top) + parseInt(document.body.scrollTop);
			var bottom = top + parseInt(this.style.height) + parseInt(document.body.scrollTop);

			if(evt.clientX < left || evt.clientX > right || evt.clientY < top || evt.clientY > bottom){
			    this.parentNode.removeChild(this);
			}
		}
		setTimeout("removePopUp()", 2000);
	}else if(type == 'static'){
	    var img_close = document.createElement("img");
		// img_close.setAttribute("src", "/images/close.gif");
		// img_close.setAttribute("align", "right");
		// img_close.style.margin = 3;
		// img_close.onclick = removePopUp;
		popup.innerHTML += "<img src=\"/images/close.gif\" align=\"right\" style=\"margin: 3px;\" onclick=\"removePopUp();\" /><br />";
       // popup.appendChild(img_close, false);
	}
	
    popup.appendChild(inner_elem, true);
}




function removePopUp(){
    var arrow = document.getElementById("arrow");
    var popup = document.getElementById("comment_popup");
	if(popup != null && popup.mouseover)
		return;
	if(popup != null) popup.parentNode.removeChild(popup);
	if(arrow != null) arrow.parentNode.removeChild(arrow);
}