function getOffsetSum(elem) {
    var top=0;
    var left = 0;
    while ( elem) {
        top = top + parseInt(elem.offsetTop);
        left = left + parseInt(elem.offsetLeft);
        elem = elem.offsetParent;
    }
    return {top: top, left: left}
}

function getOffsetRect(elem) {
    var box = elem.getBoundingClientRect();
 
    var body = document.body;
    var docElem = document.documentElement;
 
    var scrollTop = window.pageYOffset || docElem.scrollTop || body.scrollTop;
    var scrollLeft = window.pageXOffset || docElem.scrollLeft || body.scrollLeft;
 
    var clientTop = docElem.clientTop || body.clientTop || 0;
    var clientLeft = docElem.clientLeft || body.clientLeft || 0;
 
    var top  = box.top +  scrollTop - clientTop;
    var left = box.left + scrollLeft - clientLeft;
 
    return { top: Math.round(top), left: Math.round(left) }
}

function getOffset(elem) {
    if ( elem.getBoundingClientRect) {
        return getOffsetRect(elem);
    } else {
        return getOffsetSum(elem);
    }
}


current_visible = "";
function hideDiv() {
	if ( current_visible.length >= 0) {
		var div = document.getElementById( current_visible);
		if ( div) {
			div.style.display = "none";
		}
	}
}

function closeDiv() {
	var timeOut = window.setTimeout( "hideDiv()", 350);
}

function showDiv( current_name, event) {
	hideDiv();
	var div = document.getElementById( current_name);
	
	if ( div && div.style.display == "none") {
		current_visible = current_name;
		div.style.display = "block";
	}
	var wwidth = (window.innerWidth)?window.innerWidth: ((document.all)?document.body.offsetWidth:null);
	if (!event) event=window.event;
	x = (event.clientX) ?  event.clientX : ((event.pageX) ? event.pageX : event.screenX);
	y = (event.clientY) ? (event.clientY + 15) : (event.pageY + 15);
	if ( document.documentElement.scrollTop == 0) {
		y += document.body.scrollTop;
	} else {
		y += document.documentElement.scrollTop;
	}
	
	if ( x + 300 >= wwidth) {
		x -= 280;
	}
	div.style.top = y+"px";
	div.style.left = x+"px";
}

function showNewsDiv( id, event) {
	hideDiv();
	
	current_div = 	"newsPopup" + id;
	current_img = "newsImg" + id;
	var img = document.getElementById( current_img);
	var div = document.getElementById( current_div);

	if ( div && div.style.display == "none") {
		current_visible = current_div;
		div.style.display = "block";
	}
	
	var coord = getOffset( img);
	
	y = coord.top - 49;
	x = coord.left - 49;
/*	
	if ( document.documentElement.scrollTop == 0) {
		y += document.body.scrollTop;
	} else {
		y += document.documentElement.scrollTop;
	}
*/	
	div.style.top = y +"px";
	div.style.left = x +"px";
}