function getOffsetLeft (el) {
	/*var ol = el.offsetLeft;
	while ((el = el.offsetParent) != null)
		ol += el.offsetLeft;
	return ol;*/ 
    var offsetLeft = 0;
   	if (el.offsetParent){
		while (el) {
		    offsetLeft += el.offsetLeft;
		    el = el.offsetParent;
		}
		 if (navigator.userAgent.indexOf("Mac") != -1 && 
		    typeof document.body.leftMargin != "undefined") {
		    offsetLeft += document.body.leftMargin;
		}
	}
	else {
		if (el.x) {
		    offsetLeft += el.x;
		}
	}
    return offsetLeft;

}
		
function getOffsetTop (el) {
	/*var ot = el.offsetTop;
	while((el = el.offsetParent) != null)
	ot += el.offsetTop;
	return ot;*/
    var offsetTop = 0;
   	if (el.offsetParent){
		while (el) {
		    offsetTop += el.offsetTop;
		    el = el.offsetParent;
		}
		if (navigator.userAgent.indexOf("Mac") != -1 && 
		    typeof document.body.leftMargin != "undefined") {
		    offsetTop += document.body.topMargin;
		}
	}
	else {
		if (el.y) {
		    offsetTop += el.y;
		}
	}
    return offsetTop;
}
function getElementPosition(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};
}