function openPopover(box) {
	var left = getAbsoluteLeft(box+'_thumb');
	var top = getAbsoluteTop(box+'_thumb');
	top = top - 50;
	left = left + 120;
	top = top + "px";
	left = left + "px";
	
	document.getElementById(box+'_info').style.top = top;
	document.getElementById(box+'_info').style.left = left;	
	document.getElementById(box+'_info').style.display = "inline";
}

function closePopover(box) {
	document.getElementById(box+'_info').style.display = "none";
}

function getAbsoluteLeft(objectId) {
	// Get an object left position from the upper left viewport corner
	// Tested with relative and nested objects
	o = document.getElementById(objectId)
	oLeft = o.offsetLeft            // Get left position from the parent object
	while(o.offsetParent!=null) {   // Parse the parent hierarchy up to the document element
		oParent = o.offsetParent    // Get parent object reference
		oLeft += oParent.offsetLeft // Add parent left position
		o = oParent
	}
	// Return left postion
	return oLeft
}

function getAbsoluteTop(objectId) {
	// Get an object top position from the upper left viewport corner
	// Tested with relative and nested objects
	o = document.getElementById(objectId)
	oTop = o.offsetTop            // Get top position from the parent object
	while(o.offsetParent!=null) { // Parse the parent hierarchy up to the document element
		oParent = o.offsetParent  // Get parent object reference
		oTop += oParent.offsetTop // Add parent top position
		o = oParent
	}
	// Return top position
	return oTop
}