/*=======================================
// jsTooltip
//
// 작성일 : 2008-08-19
// 수정일 : 2008-08-23
// 공대여자는 이쁘다를 나타내야만 쓸 수 있습니다.
// 이 파일은 수정해서 재배포 할 수 없습니다!
// 내가 사용하지 못하도록한 사람,것,들은 사용할 수 없습니다.
// 만든이 : mins,공대여자
// 홈페이지  : www.mins01.com

#동작
Tooltip(도움말풍선)을 만들다

#사용법

 @1 : 수동으로 적용
 <span id='targetId' >내용입니다.</span>
 <script type='text/javascript'>
  var config = { 'gapLeft':5 //커서와의 왼쪽 거리(기본값 : 5)
      ,'className':'tooltip' //CSS의 class 이름(기본값 : jsTooltip)
      }
  var tooltip1 = new jsTooltip(null,document.getElementById('targetId'),'내용',config);
  //주의 : event가 없기 때문에 null로 설정해야함
  //주의 : 브라우저에 따라 오류가 발생할 수 있음 이럴경우 windoe.onload = function(){~~~~} 안에서 처리
 </script>

 @2 : 대상의 이벤트에 적용되도록
 <span onmouseover="new jsTooltip(event,this,'내용')" >내용입니다.</span>
  //주의 : event가 설정안될 경우 FF등에서는 올바르게 동작을 안함

#예
jsTooltip.html 참고

#설정
 tooltip1.config = {
    ,'gapLeft':5 //커서와의 왼쪽 거리(기본값 : 5)
    ,'gapTop':5 //커서와의 오른쪽 거리(기본값 : 5)
    ,'style':{'fontSize':'30px','width:100px'} //스타일설정(기본값 : 설정안함)
    ,'className':'tooltip' //CSS의 class 이름(기본값 : jsTooltip)
    }
 //생성시 바로 적용시킬 수도 있다.

#메소드
 없음

#주의
 config 설정잘못해서 질문하면 당신의 발바닥에 메테오스트라이크~
 config의 style설정의 인덱스값은 fontSize 처럼 - 가 없는 형식이어햐합니다.

#제한사항
1. "공대여자는 예쁘다"를 표현할 것.
2. 저작자표시 
3. 비영리 
4. 변경금지

#연계파일
 없음

# 브라우저 실험결과
IE6 : OK
IE7 : OK
FF2 : OK
FF3 : OK
Opera9 : OK
Sfari3(WIN) : OK

//=======================================*/