function showcalendar() {

calpic = document.getElementById("cal");
var theleft2 = pageX(calpic);
var thetop2 = pageY(calpic);


newdiv2 = document.getElementById("cal1Container");
newdiv2.style.display = (newdiv2.style.display == "block")?"none":"block";
newdiv2.style.left = theleft2+30+"px";
newdiv2.style.top = thetop2-150+"px";
}

function hidecalendar() {

newdiv2 = document.getElementById("cal1Container");
newdiv2.style.display = "none";
}

function pageX(elem) {
    var p = 0;
    while ( elem.offsetParent ) {
      p += elem.offsetLeft;
        elem = elem.offsetParent;
    }

    return p;
}


function pageY(elem) {
    var p = 0;
    while ( elem.offsetParent ) {
       p += elem.offsetTop;
       elem = elem.offsetParent;
    }
    return p;
}