document.onmouseover = document_onmouseover;
document.onmouseout = document_onmouseout;

function createMenuBar(menuBarName,xItems,opt,lang_opt) // lang_opt=0/1 iff Verdana/±¼¸²
{
    if(lang_opt){
        pad_top = 3;
        xfont = 'µ¸¿ò';
    }
    else {
        pad_top = 0;
        xfont = 'Verdana';
    }
    if(opt){
        border_c = border_c1;
        bg_c = bg_c1;
        bg_hc = bg_hc1;
        text_c = text_c1;
    }
    else {
        border_c = border_c0;
        bg_c = bg_c0;
        bg_hc = bg_hc0;
        text_c = text_c0;
    }
    var table_header = '<TABLE frame=box border=1 cellspacing=0 cellpadding=0 \n';
    table_header += 'bordercolor='+border_c + ' bordercolordark=white \n';
    table_header += 'style="padding-top:'+pad_top+'; padding-left:3; padding-right:3; ';
    table_header += 'font-size:9pt; cursor:default; background-color:'+bg_c+';"><tr height=21>\n';
    var tds = '';
    var i;
    var n_td = xItems.length;
    for(i=0; i<n_td; i++){
        tds += '<td loc=right style="position:relative; ';
        tds += 'font-family:'+xfont+',sans-serif; color:'+text_c+';"\n';
        tds += ' onmouseover="backgroundColor(this,\''+bg_hc+'\');  showMenu('+xItems[i][0]+'); "\n';
        tds += ' onmouseout="backgroundColor(this,\'' +bg_c+ '\'); hideMenu('+xItems[i][0]+')">\n';
        tds += xItems[i][1]+'</td>\n';
    }
    return table_header + tds + '</tr></table>\n';
}
function createMenu(menuName, menuItems, opt, lang_opt)  // lang_opt=0/1 iff Eng/Kor
{
    if(lang_opt){
        pad_top = 3;
        xfont = 'µ¸¿ò';
    }
    else {
        pad_top = 0;
        xfont = 'Verdana';
    }
    if(opt){
        border_c = border_c1;
        bg_c = bg_c1;
        text_c = text_c1;
        RollOver = 'RollOver1';
        RollOut = 'RollOut1';
        str1 = 'onclick="javascript:';
        str11 = '"';
    }
    else {
        border_c = border_c0;
        bg_c = bg_c0;
        text_c = text_c0;
        RollOver = 'RollOver0';
        RollOut = 'RollOut0';
        str1 = 'onmouseover="show_tooltip(';
        str2 = ' onmouseout="hide_tooltip(';
        str11 = str21 = ')"';
    }    
    var divHTML = '<div ID="' + menuName + 'MenuDiv" CLASS="DivMenu"';
    divHTML = divHTML + ' onmouseout=hideMenu(this)>';

    var tableHTML = '<table ID ='+menuName+'Table frame=box BORDER=1 bgcolor='+bg_c;
    tableHTML +=' CELLSPACING=0 CELLPADDING=0 bordercolor='+border_c+' bordercolordark=white ';
    tableHTML += 'style="padding-top:'+pad_top+'; padding-left:3; padding-right:3;">\n';
    var tableRowHTML = "";
    var rowCount;
    var totalNoRows = menuItems.length;
    for (rowCount = 0; rowCount < totalNoRows; rowCount++){
        tableRowHTML += '<TR height=21>' +
            '<td nowrap ID="' + menuName + menuItems[rowCount][0] + '" ' + RollOver + ' ' + RollOut;
        tableRowHTML += ' loc=left style=\'position:relative; ';
        tableRowHTML += 'font-family:'+xfont+',sans-serif; color:'+text_c+'\' ';
        tableRowHTML += str1 + menuItems[rowCount][1] + str11;
        if(!opt) tableRowHTML += str2 + menuItems[rowCount][1] + str21;
        tableRowHTML += '>' + menuItems[rowCount][2] + '</TD></TR>';
    }

    return divHTML + tableHTML + tableRowHTML + '</table></div>';
}
function showMenu(menuToShow)
{
    var srcElement = event.srcElement;
    var xPos = parseInt(srcElement.offsetLeft);
    var yPos = parseInt(srcElement.offsetTop);

    menuToShow.style.left = xPos-1;
    menuToShow.style.top = yPos+srcElement.offsetHeight-1; // you may not want -1
}
function hideMenu(menuToHide)
{
    if (event.toElement!=menuToHide && !menuToHide.contains(event.toElement)){
        menuToHide.style.left = -200;
        menuToHide.style.top = -1000;
    }
}
function document_onmouseover()
{
    var x = srcElement = event.srcElement;
    if(typeof(srcElement.RollOver1) != "undefined"){
        srcElement.style.color = text_hc1;
        srcElement.style.textDecorationUnderline = underlineopt1;
        srcElement.style.backgroundColor = bg_hc1;
        srcElement.style.cursor = cursoropt1;
    }
    else if(typeof(srcElement.RollOver0) != "undefined"){
        srcElement.style.color = text_hc0;
        srcElement.style.textDecorationUnderline = underlineopt0;
        srcElement.style.backgroundColor = bg_hc0;
        srcElement.style.cursor = cursoropt0;
    } 
    else if(typeof(x.RollOver12) != "undefined"){
        x.style.color = 'orangered';
        x.style.textDecoration='underline';
        x.style.cursor = 'hand';
    }
    else if(typeof(x.RollOver11) != "undefined"){
        show_menu1(document.getElementById(x.menuname));
    }
}
function document_onmouseout()
{
    var x = srcElement = event.srcElement;
    if(typeof(srcElement.RollOut1) != "undefined"){
        srcElement.style.color = text_c1;
        srcElement.style.textDecorationUnderline=false;
        srcElement.style.backgroundColor = bg_c1;
    }
    else if(typeof(srcElement.RollOut0) != "undefined"){
        srcElement.style.color = text_c0;
        srcElement.style.textDecorationUnderline=false;
        srcElement.style.backgroundColor = bg_c0;
    }
    else if(typeof(x.RollOver12) != "undefined"){
        x.style.color = '#444444';
        x.style.textDecoration='none';
        x.style.cursor = 'default';
    }
    else if(typeof(x.RollOver11) != "undefined"){
        hide_menu1(document.getElementById(x.menuname));
    }
}

function show_tooltip(id)
{
    srcElement = event.srcElement;
    srcElement.style.cursor='default';
    var xPos = parseInt(srcElement.offsetLeft) + parseInt(srcElement.offsetParent.offsetLeft);
    var yPos = parseInt(srcElement.offsetTop) + parseInt(srcElement.offsetParent.offsetTop);
    var my_margin=10;
    var x,x1,xlimit,delta,y,y1;
    if(srcElement.loc=='top'){
        x = xPos - (parseInt(id.offsetWidth)+1)/2 + (parseInt(srcElement.offsetWidth)+1)/2;
        x1 = ( x > my_margin ? x : my_margin);
        xlimit = table1.offsetWidth + my_margin;
        delta = x1 + parseInt(id.offsetWidth) - xlimit + 1;
        if(delta>0) x1 -= (delta+1);
        id.style.left = x1;
        id.style.top = y1 = yPos + parseInt(srcElement.offsetHeight) + my_margin;
        tiptop.style.left = xPos + (parseInt(srcElement.offsetWidth)+1)/2 - 5;
        tiptop.style.top = y1 - 6;
    }
    else if(srcElement.loc=='left'){
        id.style.left = x1 = xPos + parseInt(srcElement.offsetWidth) + my_margin;
        y = yPos - (parseInt(id.offsetHeight)+1)/3 + (parseInt(srcElement.offsetHeight)+1)/2;
        id.style.top = (y > my_margin ? y : my_margin);
        tipleft.style.left = x1 - 6;
        tipleft.style.top = yPos + (parseInt(srcElement.offsetHeight)+1)/2 - 6;
    }
    else { // srcElement.loc=='right'
        id.style.left = xPos - parseInt(id.offsetWidth) - 1 - my_margin;
        y = yPos - (parseInt(id.offsetHeight)+1)/3 + (parseInt(srcElement.offsetHeight)+1)/2;
        id.style.top = (y > my_margin ? y : my_margin);
        tipright.style.left = xPos - my_margin - 2;
        tipright.style.top = yPos + (parseInt(srcElement.offsetHeight)+1)/2 - 6;
    }
}
function hide_tooltip(id)
{
    id.style.left=tiptop.style.left=tipleft.style.left=tipright.style.left=-2000;
    id.style.top=tiptop.style.top=tipleft.style.top=tipright.style.top=-1600;
}
function show_menu1(id)
{
    srcElement = event.srcElement;
    srcElement.style.cursor='default';
//    var xPos = parseInt(srcElement.offsetLeft);
//    var yPos = parseInt(srcElement.offsetTop);
    var xPos = parseInt(srcElement.offsetLeft) + parseInt(srcElement.offsetParent.offsetLeft);
    var yPos = parseInt(srcElement.offsetTop) + parseInt(srcElement.offsetParent.offsetTop);
    var my_margin=10; 
    var x,x1,xlimit,delta,y,y1;
    x = xPos - (parseInt(id.offsetWidth)+1)/2 + (parseInt(srcElement.offsetWidth)+1)/2;
    x1 = ( x > my_margin ? x : my_margin); 
    xlimit = table1.offsetWidth + my_margin -5 ;  // ÂɸŠ¿©À¯¸¦ ÁÜ.
    delta = x1 + parseInt(id.offsetWidth) - xlimit + 1;
    if(delta>0) x1 -= (delta+1);
    id.style.left = x1;
    id.style.top = y1 = yPos + parseInt(srcElement.offsetHeight) - 3;                
    tiptop1.style.left = xPos + (parseInt(srcElement.offsetWidth)+1)/2 - 5;
    tiptop1.style.top = y1+my_margin-4;
}
function hide_menu1(id)
{
    if (event.toElement!=id && !id.contains(event.toElement) && event.toElement!=tiptop1){
        id.style.left=tiptop1.style.left=-2000;
        id.style.top=tiptop1.style.top=-1600;
    }
}