function showSubMenu(menuId,viewId,topPlusPos,leftPlusPos) {
    var pos = getElementPosition(document.getElementById(menuId));
    document.getElementById(viewId).style.top = pos.top + topPlusPos;
    document.getElementById(viewId).style.left = pos.left + leftPlusPos;
    document.getElementById(viewId).style.display = "block";
}
function hideSubMenu(id){
    document.getElementById(id).style.display = "none";
}
function getElementPosition(element) {
    var offsetTrail = (typeof element == 'string') ? document.getElementById(element) : element;
    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});
}