getElementPosition = function(elemID) {
    var offsetTrail = document.getElementById(elemID);
    var offsetLeft = 0;
    var offsetTop = 0;
    while (offsetTrail) {
        offsetLeft += offsetTrail.offsetLeft;
        offsetTop += offsetTrail.offsetTop;
        offsetTrail = offsetTrail.offsetParent;
    }
    if (navigator.userAgent.indexOf("Mac") != -1 &&
        typeof document.body.leftMargin != "undefined") {
        offsetLeft += document.body.leftMargin;
        offsetTop += document.body.topMargin;
    }
    return {left:offsetLeft, top:offsetTop};
}

showZoomImage = function(imgObj)
{
	var pos = getElementPosition(imgObj.id);
	var divZoom = document.getElementById('DivZoom');
	var imgZoom = document.getElementById('ImgZoom');
	
	imgZoom.src = imgObj.src;
	imgZoom.style.width = '300px';
	
	divZoom.style.top = (pos.top  - 30) + 'px';
	divZoom.style.left = (pos.left + 100) + 'px';
	divZoom.style.display = 'inline';
}

hideZoomImage = function()
{
	var divZoom = document.getElementById('DivZoom');
	
	divZoom.style.display = 'none';
}