function getAbsoluteLeft(objectId) {
	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
}
var SmallImageHeight = 90;
var SmallImageWidth  = 90;
var BorderWidth = 0;
 
function ShowProductPic(path, controlid) {
	var lag=document.getElementById('PictureTag');
	var pic=document.getElementById('ProductPic');
	
	lag.style.top = getAbsoluteTop(controlid) + 25 - SmallImageHeight - BorderWidth  + "px";
	lag.style.left = getAbsoluteLeft(controlid) - 40 - SmallImageWidth - BorderWidth + "px";
	
	pic.src = path;
	lag.style.display='block';
}

function HideProductPic() {
	var lag=document.getElementById('PictureTag');
	lag.style.display='none';
}