// public
function popup_layer_open(layerId, x, y, alignBase) {
    if (alignBase == "RIGHT") popup_layer_open_right(layerId, x, y);
    else popup_layer_open_left(layerId, x, y); // default
}

function popup_layer_close(layerId) {
    popup_layer_move(layerId, -1000, -1000);
    popup_layer_show(layerId, false);
}



// private
function popup_layer_show(layerId, hidden) {
    var layerObj = document.getElementById(layerId);
    if (hidden) {
        layerObj.style.visibility = "visible";    
    } else {
        layerObj.style.visibility = "hidden";
    }
}

function popup_layer_move(layerId, x, y) {
    var layerObj = document.getElementById(layerId);
    layerObj.style.left = x;
    layerObj.style.top = y + document.body.scrollTop;
}

function popup_layer_open_x(layerId, x, y) {
    var layerIdObj = document.getElementById(layerId);    

    layerIdObj.onmouseout = function () {
        popup_layer_close(layerId); 
    }
    popup_layer_move(layerId, x, y);
    popup_layer_show(layerId, true);
}

// ¿À¸¥ÂÊ ±âÁØ
function popup_layer_open_right(layerId, x, y) {
    var layerObj = document.getElementById(layerId);
    x -= layerObj.childNodes[0].contentWindow.document.body.clientWidth;
    x += 10; // ¸¶¿ì½º ¿À¹ö 󸮸¦ À§ÇØ -10
    y -= 10; // ¸¶¿ì½º ¿À¹ö 󸮸¦ À§ÇØ -10    
    popup_layer_open_x(layerId, x, y);
}

// ¿ÞÂʱâÁØ
function popup_layer_open_left(layerId, x, y) {
    x -= 10; // ¸¶¿ì½º ¿À¹ö 󸮸¦ À§ÇØ -10
    y -= 10; // ¸¶¿ì½º ¿À¹ö 󸮸¦ À§ÇØ -10
    popup_layer_open_x(layerId, x, y);
}


function get_popup_layer_id(iframeId) {
    return iframeId.replace("iframeId_popup_", "divId_popup_");
}

function get_popup_iframe_id(layerId) {
    return layerId.replace("divId_popup_", "iframeId_popup_");
}