function drawpad(field) {
    var panel = ''; document.getElementById(field).value = '';
    panel = '<div class="secpad">';
    panel += '<input type="password" readonly id="saracatungacode" style="width: 140px; text-align: center"><br><br>';
    for (i = 1; i <=9; i++) {
        panel += '<input type="button" value="'+i+'" style="width: 48px; height: 40px" onClick="document.getElementById(\''+field+'\').value += \''+i+'\'; document.getElementById(\'saracatungacode\').value += \''+i+'\'">';
        if ((i == 3) || (i == 6) || (i == 9)) panel += '<br>';
        if (i == 9) { i = -1; panel += '<input type="button" value="CLEAR" style="width: 96px; height: 40px" onClick="document.getElementById(\''+field+'\').value = \'\'; document.getElementById(\'saracatungacode\').value = \'\'">'; }
        if (i == 0) break;
    }
    panel += '</div>';
    return panel;
}

function openwin(page, name) {
    var w = 640;
    var h = 500;
    var winl = (screen.width - w) / 2;
    var wint = (screen.height - h) / 2;
    if (winl < 0) winl = 0;
    if (wint < 0) wint = 0;

    windowprops = "height="+h+",width="+w+",top="+wint+",left="+winl+",location=no,scrollbars=yes,menubars=no,toolbars=no,resizable=no,status=no";
    window.open(page, name, windowprops);
}