//tooltip start - 툴팁
//2005.1.12 by guoo.net
var tooltipLastElement; //dontcare


/* ------------------------------------------------------------------------------------------------
 * 설  명 : 툴팁 element를 생성한다.
 * 리턴값 : element - 생성한 툴팁 객체
 * ------------------------------------------------------------------------------------------------ */
function createTooltip() {
	var divTooltip = document.createElement('DIV');
	divTooltip.id = 'tooltip';
	divTooltip.noWrap = true;
	divTooltip.style.position = 'absolute';
	divTooltip.style.zIndex = 1000;
	divTooltip.style.visibility = 'hidden';
	divTooltip.style.border = '1px solid #bbaaaa';
	divTooltip.style.background = '#ffffdd';
	divTooltip.style.fontFamily = '굴림';
	divTooltip.style.fontSize = '9pt';
	divTooltip.style.padding = '3';
	document.body.appendChild(divTooltip);
	return divTooltip;
}


/* ------------------------------------------------------------------------------------------------
 * 설  명 : 툴팁 element를 감춘다.
 * 리턴값 : 없음
 * ------------------------------------------------------------------------------------------------ */
function hideTooltip() {
	var divTooltip = document.getElementById('tooltip');
	if(!divTooltip) return;
	divTooltip.style.visibility = 'hidden';
	divTooltip.innerHTML = '';
	tooltipLastElement = '';
}


/* ------------------------------------------------------------------------------------------------
 * 설  명 : onmousemove event 발생시 풍선말을 보여준다.
 * 인자 1 : event - 해당 이벤트
 * 인자 2 : html - 풍선말의 내용 (태그 사용 가능)
 * 인자 3 : up - true 또는 false 풍선말이 포인터의 위/아래에 나올 것인가
 * 리턴값 : 없음
 * ------------------------------------------------------------------------------------------------ */
function tooltip(event, html, up) {
	var divTooltip = document.getElementById('tooltip');
	if(!divTooltip) divTooltip = createTooltip();

	var element = event.srcElement;

	if(tooltipLastElement!=element) {
		tooltipLastElement = element;
		element.onmouseout = hideTooltip;
		divTooltip.style.top = 0;
		divTooltip.style.left = 0;
		divTooltip.innerHTML = html;
		divTooltip.style.visibility = 'visible';
	}

	var pageWidth = document.body.clientWidth;
	var pageHeight = document.body.clientHeight;
	var gab = 10;

	if(pageWidth < divTooltip.clientWidth + 15 + event.clientX) {
		divTooltip.style.left = document.body.scrollLeft + pageWidth - (divTooltip.clientWidth + 15) + gab;
	}else {
		divTooltip.style.left = event.clientX + document.body.scrollLeft + gab;
	}

	if(!up) {
		if(pageHeight < divTooltip.clientHeight + 15 + event.clientY) {
			divTooltip.style.top = document.body.scrollTop + pageHeight - (divTooltip.clientHeight + 15) + gab;
		}else {
			divTooltip.style.top = event.clientY + document.body.scrollTop + gab;
		}
	}else {
		if(0 > event.clientY - (divTooltip.clientHeight + 15)) {
//			divTooltip.style.top = gab;
			//clientY가 0에 근접하면 풍선말은 아래로 이동
			divTooltip.style.top = event.clientY + document.body.scrollTop + gab;
		}else {
			divTooltip.style.top = event.clientY + document.body.scrollTop - divTooltip.clientHeight - gab;
		}
	}
}
//tooltip finish