var blnk_img = 'http://kallery.net/Q_img/blank.gif';
var Q_bttn_nmbr = 0;
var CSS = new Array();

CSS['font-weight']  = 'normal';
CSS['border-width'] = '1px';

CSS['border-color']         = 'darkgray';
CSS['border-color-dark']    = 'dimgray';
CSS['background-color']     = 'whitesmoke';
CSS['color']                = '#222222';

// mouseover
CSS['border-color-MO']      = 'darkgray';
CSS['border-color-dark-MO'] = 'dimgray';
CSS['background-color-MO']  = 'gainsboro';
CSS['color-MO']             = '#222222';

// mousedown
CSS['border-color-MD']      = '#333333';
CSS['border-color-dark-MD'] = 'silver';
CSS['background-color-MD']  = 'dimgray';
CSS['color-MD']             = 'whitesmoke';

function Q_make_alt(flg) {
    CSS['padding-top']    = '1px';
    CSS['padding-right']  = '4px';
    CSS['padding-bottom'] = '1px';
    CSS['padding-left']   = '4px';
    if(flg=='hangul') {
        CSS['padding-top'] = '3px';
        CSS['padding-bottom'] = '0px';
        CSS['font-family'] = '굴림';
        CSS['font-size']   = '9pt';
    } else {
        CSS['font-family'] = 'Arial';
        CSS['font-size']   = '11px';
    }
    if(navigator.userAgent.match(/Firefox/)) {
        if(navigator.userAgent.match(/Windows NT 5\.1/) && flg=='hangul') {
            CSS['padding-bottom'] = '0px';
        }
    } else if(navigator.userAgent.match(/Netscape/)) {
    } else if(navigator.userAgent.match(/Opera/)) {
    } else if(navigator.userAgent.match(/MSIE/)) {
    }
}

function Q_mouse(nmbr,mode,knd) {
    switch(knd) {
        case 'div':
            switch(mode) {
                case 0:
                    document.getElementById('i_bttn_'+nmbr).style.borderTopColor    = CSS['border-color'];
                    document.getElementById('i_bttn_'+nmbr).style.borderRightColor  = CSS['border-color-dark'];
                    document.getElementById('i_bttn_'+nmbr).style.borderBottomColor = CSS['border-color-dark'];
                    document.getElementById('i_bttn_'+nmbr).style.borderLeftColor   = CSS['border-color'];
                    document.getElementById('i_bttn_'+nmbr).style.backgroundColor   = CSS['background-color'];
                    document.getElementById('i_bttn_'+nmbr).style.color             = CSS['color'];
                    break;
                case 1:
                    document.getElementById('i_bttn_'+nmbr).style.borderTopColor    = CSS['border-color-MO'];
                    document.getElementById('i_bttn_'+nmbr).style.borderRightColor  = CSS['border-color-dark-MO'];
                    document.getElementById('i_bttn_'+nmbr).style.borderBottomColor = CSS['border-color-dark-MO'];
                    document.getElementById('i_bttn_'+nmbr).style.borderLeftColor   = CSS['border-color-MO'];
                    document.getElementById('i_bttn_'+nmbr).style.backgroundColor   = CSS['background-color-MO'];
                    document.getElementById('i_bttn_'+nmbr).style.color             = CSS['color-MO'];
                    break;
                case 2:
                    document.getElementById('i_bttn_'+nmbr).style.borderTopColor    = CSS['border-color-MD'];
                    document.getElementById('i_bttn_'+nmbr).style.borderRightColor  = CSS['border-color-dark-MD'];
                    document.getElementById('i_bttn_'+nmbr).style.borderBottomColor = CSS['border-color-dark-MD'];
                    document.getElementById('i_bttn_'+nmbr).style.borderLeftColor   = CSS['border-color-MD'];
                    document.getElementById('i_bttn_'+nmbr).style.backgroundColor   = CSS['background-color-MD'];
                    document.getElementById('i_bttn_'+nmbr).style.color             = CSS['color-MD'];
                    break;
            }
            break;
        case 'tbl':
            switch(mode) {
                case 0:
                    document.getElementById('i_top_' +nmbr).style.backgroundColor = CSS['border-color'];
                    document.getElementById('i_rght_'+nmbr).style.backgroundColor = CSS['border-color-dark'];
                    document.getElementById('i_bttm_'+nmbr).style.backgroundColor = CSS['border-color-dark'];
                    document.getElementById('i_lft_' +nmbr).style.backgroundColor = CSS['border-color'];
                    document.getElementById('i_cntr_'+nmbr).style.backgroundColor = CSS['background-color'];
                    document.getElementById('i_cntr_'+nmbr).style.color           = CSS['color'];
                    break;
                case 1:
                    document.getElementById('i_top_' +nmbr).style.backgroundColor = CSS['border-color-MO'];
                    document.getElementById('i_rght_'+nmbr).style.backgroundColor = CSS['border-color-dark-MO'];
                    document.getElementById('i_bttm_'+nmbr).style.backgroundColor = CSS['border-color-dark-MO'];
                    document.getElementById('i_lft_' +nmbr).style.backgroundColor = CSS['border-color-MO'];
                    document.getElementById('i_cntr_'+nmbr).style.backgroundColor = CSS['background-color-MO'];
                    document.getElementById('i_cntr_'+nmbr).style.color           = CSS['color-MO'];
                    break;
                case 2:
                    document.getElementById('i_top_' +nmbr).style.backgroundColor = CSS['border-color-MD'];
                    document.getElementById('i_rght_'+nmbr).style.backgroundColor = CSS['border-color-dark-MD'];
                    document.getElementById('i_bttm_'+nmbr).style.backgroundColor = CSS['border-color-dark-MD'];
                    document.getElementById('i_lft_' +nmbr).style.backgroundColor = CSS['border-color-MD'];
                    document.getElementById('i_cntr_'+nmbr).style.backgroundColor = CSS['background-color-MD'];
                    document.getElementById('i_cntr_'+nmbr).style.color           = CSS['color-MD'];
                    break;
            }
            break;
    }
}

function Q_make_bttn_div() {
    Q_bttn_nmbr ++;
    Q_make_alt(arguments[arguments.length-1]);
    strng  = "\n<!-- Q_button start -->\n"
        + "<div id='i_bttn_"+Q_bttn_nmbr+"' style='cursor:pointer; margin:0px;"

        + " border:"+CSS['border-width']+" solid "+CSS['border-color']+";"

        + " border-color:"+CSS['border-color']+" "+CSS['border-color-dark']+" "+CSS['border-color-dark']+" "+CSS['border-color']+";"

        + " padding-top:"   +CSS['padding-top']   +";"
        + " padding-right:" +CSS['padding-right'] +";"
        + " padding-bottom:"+CSS['padding-bottom']+";"
        + " padding-left:"  +CSS['padding-left']  +";"

        + " background-color:"+CSS['background-color']+";"
        + " color:"           +CSS['color']      +";"
        + " font-family:"     +CSS['font-family']+";"
        + " font-size:"       +CSS['font-size']  +";"
        + " font-weight:"     +CSS['font-weight']+";"

        + "'\n";

    strng  += "    onmouseover=\"Q_mouse("+Q_bttn_nmbr+",1,'div');"
    for(n=1; n<arguments.length; n+=2) if(arguments[n]=='onmouseover') { strng += " "+arguments[n+1]; break; }
    strng  += "\"\n"
    strng  += "    onmouseout =\"Q_mouse("+Q_bttn_nmbr+",0,'div');"
    for(n=1; n<arguments.length; n+=2) if(arguments[n]=='onmouseout' ) { strng += " "+arguments[n+1]; break; }
    strng  += "\"\n"
    strng  += "    onmousedown=\"Q_mouse("+Q_bttn_nmbr+",2,'div');"
    for(n=1; n<arguments.length; n+=2) if(arguments[n]=='onmousedown') { strng += " "+arguments[n+1]; break; }
    strng  += "\"\n"
    strng  += "    onmouseup  =\"Q_mouse("+Q_bttn_nmbr+",1,'div');"
    for(n=1; n<arguments.length; n+=2) if(arguments[n]=='onmouseup'  ) { strng += " "+arguments[n+1]; break; }
    strng  += "\"\n"
    for(n=1; n<arguments.length; n+=2) {
        if(arguments[n]!='onmouseover'
        && arguments[n]!='onmouseout'
        && arguments[n]!='onmousedown'
        && arguments[n]!='onmouseup') {
            strng += "    "+arguments[n]+"=\""+arguments[n+1]+"\"\n";
        }
    }

    strng  += ">"
        + arguments[0]
        + "</div>\n"
        + "<!-- Q_button end -->\n";
    document.write(strng);
    if(arguments[arguments.length-1]=='dbgg') document.getElementById('i_dbgg').value = strng;
}

function Q_make_bttn_tbl() {
    Q_bttn_nmbr ++;
    Q_make_alt(arguments[arguments.length-1]);
    strng  = "\n<!-- Q_button start -->\n"
        + "<table id='i_bttn_"+Q_bttn_nmbr+"' cellspacing='0' style='display:inline; cursor:pointer; margin:0px;'\n";

    strng  += "    onmouseover=\"Q_mouse("+Q_bttn_nmbr+",1,'tbl');"
    for(n=1; n<arguments.length; n+=2) if(arguments[n]=='onmouseover') { strng += " "+arguments[n+1]; break; }
    strng  += "\"\n"
    strng  += "    onmouseout =\"Q_mouse("+Q_bttn_nmbr+",0,'tbl');"
    for(n=1; n<arguments.length; n+=2) if(arguments[n]=='onmouseout' ) { strng += " "+arguments[n+1]; break; }
    strng  += "\"\n"
    strng  += "    onmousedown=\"Q_mouse("+Q_bttn_nmbr+",2,'tbl');"
    for(n=1; n<arguments.length; n+=2) if(arguments[n]=='onmousedown') { strng += " "+arguments[n+1]; break; }
    strng  += "\"\n"
    strng  += "    onmouseup  =\"Q_mouse("+Q_bttn_nmbr+",1,'tbl');"
    for(n=1; n<arguments.length; n+=2) if(arguments[n]=='onmouseup'  ) { strng += " "+arguments[n+1]; break; }
    strng  += "\"\n"
    for(n=1; n<arguments.length; n+=2) {
        if(arguments[n]!='onmouseover'
        && arguments[n]!='onmouseout'
        && arguments[n]!='onmousedown'
        && arguments[n]!='onmouseup') {
            strng += "    "+arguments[n]+"=\""+arguments[n+1]+"\"\n";
        }
    }

    strng  += ">\n"
        + "    <tr>\n"
        + "        <td id='i_top_"+Q_bttn_nmbr+"' colspan='3' style='padding:0px; background-color:"+CSS['border-color']+";'><img src='"+blnk_img+"' style='width:100%; height:"+CSS['border-width']+"; border-width:0px; margin:0px;' /></td>\n"
        + "    </tr>\n"
    
        + "    <tr>\n"
        + "        <td id='i_lft_"+Q_bttn_nmbr+"' rowspan='2' style='padding:0px; background-color:"+CSS['border-color']+";'><img src='"+blnk_img+"' style='width:"+CSS['border-width']+"; height:1px; border-width:0px; margin:0px;' /></td>\n"
        + "        <td id='i_cntr_"+Q_bttn_nmbr+"' style='padding-top:"+CSS['padding-top']+"; padding-left:"+CSS['padding-left']+"; padding-bottom:"+CSS['padding-bottom']+"; padding-right:"+CSS['padding-right']+"; font-family:"+CSS['font-family']+"; font-size:"+CSS['font-size']+"; font-weight:"+CSS['font-weight']+"; color:"+CSS['color']+"; background-color:"+CSS['background-color']+";'>"+arguments[0]+"</td>\n"
        + "        <td id='i_rght_"+Q_bttn_nmbr+"' style='padding:0px; background-color:"+CSS['border-color-dark']+";'><img src='"+blnk_img+"' style='width:"+CSS['border-width']+"; height:1px; border-width:0px; margin:0px;' /></td>\n"
        + "    </tr>\n"
    
        + "    <tr>\n"
        + "        <td id='i_bttm_"+Q_bttn_nmbr+"' colspan='2' style='padding:0px; background-color:"+CSS['border-color-dark']+";'><img src='"+blnk_img+"' style='width:100%; height:"+CSS['border-width']+"; border-width:0px; margin:0px;' /></td>\n"
        + "    </tr>\n"
    
        + "</table>\n"
        + "<!-- Q_button end -->\n";
    document.write(strng);
    if(arguments[arguments.length-1]=='dbgg') document.getElementById('i_dbgg').value = strng;
}