var dom = (document.getElementById) ? true : false; 
var ns5 = ((navigator.userAgent.indexOf("Gecko")>-1) && dom) ? true: false; 
var ie5 = ((navigator.userAgent.indexOf("MSIE")>-1) && dom) ? true : false; 
var ns4 = (document.layers && !dom) ? true : false; 
var ie4 = (document.all && !dom) ? true : false; 
var nodyn = (!ns5 && !ns4 && !ie4 && !ie5) ? true : false;

var origWidth, origHeight; 
if (ns4) { 
        origWidth = window.innerWidth; origHeight = window.innerHeight; 
        window.onresize = function() { if (window.innerWidth != origWidth || window.innerHeight != origHeight) history.go(0); } 
} 

if (nodyn) { event = "nope" } 

var tipFollowMouse= true; //마우스를 따라다니게 할건지 여부 (true/false)
var tipWidth= 140; // 상자의 가로
var offX= 12;        // 마우스와 상자간의 가로 간격 
var offY= 12;         // 마우스와 상자간의 세로 간격
var tipFontFamily= "굴림"; // 상자속의 글꼴 
var tipFontSize= "9pt"; // 글자크기 
var tipFontColor= "#002F2F"; // 글자색 
var tipBgColor= "#f5f5f5";  // 배경색 
var origBgColor= tipBgColor; 
var tipBorderColor= "red"; // 상자의 테두리 색상 
var tipBorderWidth= 1; // 상자의 테두리 두께 
var tipBorderStyle= "solid"; // 상자의 외곽선 스타일 
var tipPadding= 10; // 상자와 상자안의 내용간의 여백 
var bgroundColor= "#FFFFFF"; // 상자와 상자안의 내용간의 여백 

var tooltip, tipcss; 
function initTip() { 
        if (nodyn) return; 
        
        tooltip = (ns4)? document.helpLayer.document: (ie4)? document.all['helpLayer']: (ie5||ns5)? document.getElementById('helpLayer'): null; 
        tipcss = (ns4)? document.helpLayer: tooltip.style; 
        if (ie4 || ie5 || ns5) {		
                tipcss.width = tipWidth+"px"; 
                tipcss.fontFamily = tipFontFamily; 
                tipcss.fontSize = tipFontSize; 
                tipcss.color = tipFontColor; 
                tipcss.backgroundColor = tipBgColor; 
                tipcss.borderColor = tipBorderColor; 
                tipcss.borderWidth = tipBorderWidth+"px"; 
                tipcss.padding = tipPadding+"px"; 
                tipcss.borderStyle = tipBorderStyle; 
        } 
        if (tooltip&&tipFollowMouse) { 
                if (ns4) document.captureEvents(Event.MOUSEMOVE); 
                document.onmousemove = trackMouse; 
        } 
} 

window.onload = initTip; 

var t1,t2;         
var tipOn = false;         
function helpBox(evt,body) { 
        if (!tooltip) return; 
        if (t1) clearTimeout(t1);        if (t2) clearTimeout(t2); 
        tipOn = true; 
        if (ns4) { 
                tipBgColor = origBgColor; 
                var tip = '<table bgcolor="' + tipBorderColor + '" width="' + tipWidth + '" cellspacing="0" cellpadding="' + tipBorderWidth + '" border="0"><tr><td><br><table bgcolor="' + tipBgColor + '" width="100%" cellspacing="0" cellpadding="' + tipPadding + '" border="0"><tr><td><span style="font-family:' + tipFontFamily + '; font-size:' + tipFontSize + '; color:' + tipFontColor + ';">' + body + '</span></td></tr></table></td></tr></table>'; 
                tooltip.write(tip); 
                tooltip.close(); 
        } else if (ie4||ie5||ns5) { 
                var tip = '<span style="font-family:' + tipFontFamily + '; font-size:' + tipFontSize + '; color:' + tipFontColor + ';">' + body + '</span>'; 
                tipcss.backgroundColor = bgroundColor; 
                 tooltip.innerHTML = tip; 
        } 
        if (!tipFollowMouse) positionTip(evt); 
        else t1=setTimeout("tipcss.visibility='visible'",100); 
} 

var mouseX, mouseY; 
function trackMouse(evt) { 
        mouseX = (ns4||ns5)? evt.pageX: window.event.clientX + document.body.scrollLeft; 
        mouseY = (ns4||ns5)? evt.pageY: window.event.clientY + document.body.scrollTop; 
        if (tipOn) positionTip(evt); 
} 

function positionTip(evt) { 
        if (!tipFollowMouse) { 
                mouseX = (ns4||ns5)? evt.pageX: window.event.clientX + document.body.scrollLeft; 
                mouseY = (ns4||ns5)? evt.pageY: window.event.clientY + document.body.scrollTop; 
        } 
        var tpWd = (ns4)? tooltip.width: (ie4||ie5)? tooltip.clientWidth: tooltip.offsetWidth; 
        var tpHt = (ns4)? tooltip.height: (ie4||ie5)? tooltip.clientHeight: tooltip.offsetHeight; 
        var winWd = (ns4||ns5)? window.innerWidth-20+window.pageXOffset: document.body.clientWidth+document.body.scrollLeft; 
        var winHt = (ns4||ns5)? window.innerHeight+window.pageYOffset: document.body.clientHeight+document.body.scrollTop; 
        if ((mouseX+offX+tpWd)>winWd) 
                tipcss.left = (ns4)? mouseX-(tpWd+offX): mouseX-(tpWd+offX)+"px"; 
        else tipcss.left = (ns4)? mouseX+offX: mouseX+offX+"px"; 
        if ((mouseY+offY+tpHt)>winHt) 
                tipcss.top = (ns4)? mouseY-(tpHt+offY): mouseY-(tpHt+offY)+"px"; 
        else tipcss.top = (ns4)? mouseY+offY: mouseY+offY+"px"; 
        if (!tipFollowMouse) t1=setTimeout("tipcss.visibility='visible'",100); 
} 

function helpBoxHide() { 
        if (!tooltip) return; 
        t2=setTimeout("tipcss.visibility='hidden'",100); 
        tipOn = false; 
}