/**
 * 프로필 보기 ( 여러 패널을 만들더라도 하나로 처리할 수 있도록 )
 */
var pannel_id = "";
var tmp_pannel_id = "";
var custom_id = "";

var pos_x = 0;
var pos_y = 0;
/**
 * 이름패널 패널은 pannel_id = "nameBox1";를 통해서 확장가능 다른패널 추가시 함수에 pannel_id =
 * "nameBox2";으로 처리
 */
function ShowNamePannel(target_custom_id) {
    if (target_custom_id == '')
	return;

    custom_id = target_custom_id;

    // 가동할 함수
    wake_function = nameBoxOn;

}

function getMousePosition() {
    window_body = document.documentElement;

    // 상위항목과의 거리
    screen_height = window_body.offsetHeight;
    screen_width = window_body.offsetWidth;

    // 마우스가 눌린위치
    mouse_x = window.event.x;
    mouse_y = window.event.y;

    // 현재 스크롤된 량
    scroll_left = window_body.scrollLeft;
    scroll_top = window_body.scrollTop;

    pos_x = (screen_width - mouse_x) > 105 ? mouse_x + scroll_left
	    : mouse_x - 100;
    pos_y = (screen_height - mouse_y) > 100 ? mouse_y + scroll_top + 5
	    : mouse_y - 100;
}

/**
 * 이름박스 보이기
 */
function nameBoxOn() {
    // mouse 의  pos_x와 pos_y 구하기
    getMousePosition();

    pannel_id = "nameBoxId";

    eval("document.getElementById('" + pannel_id + "').style.visibility = 'visible'");
    eval("document.getElementById('" + pannel_id + "').style.pixelLeft = pos_x");
    eval("document.getElementById('" + pannel_id + "').style.pixelTop = pos_y");
}

/**
 * 이름박스 감추기
 */
function nameBoxOff() {
    eval("document.getElementById('nameBoxId').style.visibility = 'hidden'");
}