
// 상품요약정보 (툴팀제공) : 이경란(2009-11-30)
var config1 = {'className':'jsTooltip'};
var config3  = {'className':'jsTooltip2'};

var jsTooltip = function(evt,target,str,configSetting){

       //==체크
       if(str==null || str==''){return false;}
       var config = {'gapLeft':5 ,'gapTop':5 , 'className':'jsTooltip','style':{} };
       if(configSetting){
               for(x in configSetting){
                       if(config[x] != undefined){
                               config[x] = configSetting[x];
                       }
               }
       }
       //== 변수값 설정
       this.target = target
       this.str = str
       this.gapLeft = config['gapLeft'];
       this.gapTop = config['gapTop'];
       divTooltip = document.createElement('div');
       divTooltip.className = config['className'];
       divTooltip.innerHTML = this.str;
       //divTooltip.appendChild(document.createTextNode(this.str));
       this.target.divTooltip = divTooltip;
       //== 스타일 설정
       if(config['style'] != null){
               for(x in config['style']){
                       divTooltip.style[x] = config['style'][x];
               }
       }
       divTooltip.style.display = 'none';
       divTooltip.style.left = 0;
       divTooltip.style.right = 0;
       divTooltip.style.position = 'absolute';

       if (divTooltip.className == 'jsTooltip') {
	       divTooltipImg = document.getElementById('tooltip_basic').cloneNode();
	       divTooltipImg.style.display = 'none';
	       divTooltipImg.style.left = 0;
	       divTooltipImg.style.right = 0;
	       divTooltipImg.style.position = 'absolute';
	       document.body.appendChild(divTooltipImg);
	       this.target.divTooltipImg = divTooltipImg;
	      }

       document.body.appendChild(divTooltip);
       var thisC = this;
       this.target.onmouseover = function(evt){ thisC.show(evt,thisC.target); }
       this.target.onmousemove = function(evt){ thisC.show(evt,thisC.target); }
       this.target.onmouseout = function(evt){ thisC.hide(evt,thisC.target); }
       if(evt && evt.type == 'mouseover'){
               thisC.show(evt,thisC.target);
       }
}

jsTooltip.prototype.show = function(evt,target){
       if(window.event){ evt = window.event ;}
       if(target.divTooltip){
               var scrollLeft = Math.max(document.documentElement.scrollLeft,document.body.scrollLeft);
               var scrollTop = Math.max(document.documentElement.scrollTop,document.body.scrollTop);
               var scrollWdith = Math.max(document.documentElement.scrollWidth,document.body.scrollWidth);
               var scrollHeight = Math.max(document.documentElement.scrollHeight,document.body.scrollHeight);

               target.divTooltip.style.display = 'block';
               var divRight = evt.clientX + target.divTooltip.offsetWidth;
               var divBottom = target.divTooltip.offsetTop+target.divTooltip.offsetHeight;
               var x = evt.clientX+this.gapLeft+scrollLeft;
               if (divTooltip.className == 'jsTooltip') {
                       var y = evt.clientY+this.gapTop+scrollTop-203;
               }else {
                       var y = evt.clientY+this.gapTop+scrollTop;
               }
               //var y = evt.clientY+this.gapTop+scrollTop-203;

               if(divRight + scrollLeft + this.gapLeft + 20 >= scrollWdith){
                       x = (scrollWdith - target.divTooltip.offsetWidth - 10 );

               }

               target.divTooltip.style.left = x+'px';
               target.divTooltip.style.top = y+'px';

               if (divTooltip.className == 'jsTooltip') {
	               target.divTooltipImg.style.left = x+'px';
	               target.divTooltipImg.style.top = y+'px';
	               target.divTooltipImg.style.display = 'block';
	              }
       }
}
jsTooltip.prototype.hide = function(evt,target){
       if(target.divTooltip){
               target.divTooltip.style.display = 'none';
               if (divTooltip.className == 'jsTooltip') {
               		target.divTooltipImg.style.display = 'none';
               	}
       }
}