/* This script and many more are available free online at
The JavaScript Source!! http://javascript.internet.com
Created by: Craig Erskine | http://qrayg.com/ */

//////////////////////////////////////////////////////////////////
// qTip - CSS Tool Tips - by Craig Erskine
// http://qrayg.com
//
// Multi-tag support by James Crooke
// http://www.cj-design.com
//
// Inspired by code from Travis Beckham
// http://www.squidfingers.com | http://www.podlob.com
//////////////////////////////////////////////////////////////////

//var qTipTag = "i,input"; //Which tags do you want to qTip-ize? Keep it lowercase!//
var qTipTag = "a"; //Ȳö¿ø "a" ű׸¸ ÁöÁ¤ÇÔ.
var qTipX = 0; //This is qTip's X offset//
var qTipY = 15; //This is qTip's Y offset//

//There's no need to edit anything below this line//
tooltip = {
  name : "qTip",
  offsetX : qTipX,
  offsetY : qTipY,
  tip : null
}

tooltip.init = function () {
    var tipNameSpaceURI = "http://www.w3.org/1999/xhtml";
    if(!tipContainerID){ var tipContainerID = "qTip";}
    var tipContainer = document.getElementById(tipContainerID);

    if(!tipContainer) {
      tipContainer = document.createElementNS ? document.createElementNS(tipNameSpaceURI, "div") : document.createElement("div");
      tipContainer.setAttribute("id", tipContainerID);
      document.getElementsByTagName("body").item(0).appendChild(tipContainer);
    }

    if (!document.getElementById) return;
    this.tip = document.getElementById (this.name);
    if (this.tip) document.onmousemove = function (evt) {tooltip.move (evt)};

    var a, sTitle, elements;

	var addFunctiononmouseover, addFunctiononmouseout ; // ±âÁ¸Å±׿¡ onmouseover, onmouseout ÇÔ¼ö°¡ ÀÖÀ»½Ã ±âÁ¸ ÇÔ¼öµµ °°ÀÌ ½ÇÇàÀÌ µÇ¾î¾ß ÇÔ.

    var elementList = qTipTag.split(",");
    for(var j = 0; j < elementList.length; j++)
    {    
        elements = document.getElementsByTagName(elementList[j]);
        if(elements)
        {
            for (var i = 0; i < elements.length; i ++)
            {
                a = elements[i];
                sTitle = a.getAttribute("title");       
                {
                    

				    if (String(sTitle) !="" && String(sTitle) !="null") { //IE´Â Title ¼Ó¼ºÀÌ °ø¹éÀ϶§ °ø¹é°ªÀ» ¸®ÅÏÇÏ°í ÆÄÀ̾îÆø½º´Â "null" À» ¸®ÅÏ. Ȳö¿ø ¼öÁ¤


					   // ±âÁ¸Å±׿¡ onmouseover, onmouseout ÇÔ¼ö°¡ ÀÖÀ»½Ã ±âÁ¸ ÇÔ¼öµµ °°ÀÌ ½ÇÇàÀÌ µÇ°Ô ÇÔ.
					   // ¸¶¿ì½º ¿À¹ö
					   addFunctiononmouseover = ""
					   if (String(a.onmouseover) != "null" && String(a.onmouseover) != "undefined") { //IE À϶§ "null", ÆÄÀ̾îÆø½ºÀ϶§ "undefined"
					      //IE´Â 2¹ø°¿¡ ÇÔ¼ö°ªÀÌ ÀÖÀ¸¸ç, FF´Â "javascript" °ªÀÌ ÀÖÀ¸¸é 2¹ø° ¾øÀ¸¸é 1¹ø°¿¡ °ªÀÌ ÀÖÀ½.
					      var addFunctiononmouseover_Array = String(a.onmouseover).split("\n");
						  addFunctiononmouseover = addFunctiononmouseover_Array[2]; 
						  if (document.all) {//IE 
						  } else { // ÆÄÀ̾î Æø½º
						     if (addFunctiononmouseover_Array.length == 3) {
								addFunctiononmouseover = addFunctiononmouseover_Array[1];   
						     }
						  }
					   }
					   // ¸¶¿ì½º ¾Æ¿ô
					   addFunctiononmouseout = ""
					   if (String(a.onmouseout) != "null" && String(a.onmouseout) != "undefined") { //IE À϶§ "null", ÆÄÀ̾îÆø½ºÀ϶§ "undefined"
					      //IE´Â 2¹ø°¿¡ ÇÔ¼ö°ªÀÌ ÀÖÀ¸¸ç, FF´Â "javascript" °ªÀÌ ÀÖÀ¸¸é 2¹ø° ¾øÀ¸¸é 1¹ø°¿¡ °ªÀÌ ÀÖÀ½.
					      var addFunctiononmouseout_Array = String(a.onmouseover).split("\n");
						  addFunctiononmouseout = addFunctiononmouseout_Array[2]; 
						  if (document.all) {//IE 
						  } else { // ÆÄÀ̾î Æø½º
						     if (addFunctiononmouseout_Array.length == 3) {
								addFunctiononmouseout = addFunctiononmouseout_Array[1];   
						     }
						  }
					   }
				       a.setAttribute("tiptitle", sTitle);
                       a.removeAttribute("title");
                       a.removeAttribute("alt");
                       
					   //±âÁ¸ ¸¶¿ì½º ¿À¹ö,¾Æ¿ô¿¡ °ü·ÃµÈ Function ÀÖÀ»°æ¿ì Ãß°¡ ÇÔ.
					   a.onmouseover = new Function(" tooltip.show(this.getAttribute('tiptitle')); " + addFunctiononmouseover); 
                       a.onmouseout = new Function(" tooltip.hide(); " + addFunctiononmouseout); 

					   //a.onmouseover = function() { tooltip.show(this.getAttribute('tiptitle')) } ;
					   //a.onmouseout = function() { tooltip.hide() };
                    }
                }
            }
        }
    }
}

tooltip.move = function (evt) {
    var x=0, y=0;
    if (document.all) {//IE
        x = (document.documentElement && document.documentElement.scrollLeft) ? document.documentElement.scrollLeft : document.body.scrollLeft;
        y = (document.documentElement && document.documentElement.scrollTop) ? document.documentElement.scrollTop : document.body.scrollTop;
        x += window.event.clientX;
        y += window.event.clientY;
        
    } else {//Good Browsers
        x = evt.pageX;
        y = evt.pageY;
    }
    this.tip.style.left = (x + this.offsetX) + "px";
    this.tip.style.top = (y + this.offsetY) + "px";
}

tooltip.show = function (text) {
    if (!this.tip) return;
	var Temp_Html = '';
	Temp_Html = Temp_Html + '<table border="0" cellspacing="0" cellpadding="0">'
	Temp_Html = Temp_Html + '  <tr>'
	Temp_Html = Temp_Html + '    <td width="2" height="2"><img src="/image/common/bg_help_le_top.gif" width="2" height="2" /></td>'
	Temp_Html = Temp_Html + '    <td height="2" background="/image/common/bg_help_ce_top.gif"></td>'
	Temp_Html = Temp_Html + '    <td width="2" height="2"><img src="/image/common/bg_help_ri_top.gif" width="2" height="2" /></td>'
	Temp_Html = Temp_Html + '  </tr>'
	Temp_Html = Temp_Html + '  <tr>'
	Temp_Html = Temp_Html + '    <td width="2" background="/image/common/bg_help_le_ce.gif"></td>'
	Temp_Html = Temp_Html + '    <td bgcolor="#EEEEEE"  style="font-size:11px;color: #000;padding-left:2px;padding-right:2px;">' + text + '</td>'
	Temp_Html = Temp_Html + '    <td width="2" background="/image/common/bg_help_ri_ce.gif"></td>'
	Temp_Html = Temp_Html + '  </tr>'
	Temp_Html = Temp_Html + '  <tr>'
	Temp_Html = Temp_Html + '    <td ><img src="/image/common/bg_help_le_bottom.gif" width="2" height="2" /></td>'
	Temp_Html = Temp_Html + '    <td background="/image/common/bg_help_ce_bottom.gif"></td>'
	Temp_Html = Temp_Html + '    <td width="2"><img src="/image/common/bg_help_ri_bottom.gif" width="2" height="2" /></td>'
	Temp_Html = Temp_Html + '  </tr>'
	Temp_Html = Temp_Html + '</table>'

    this.tip.innerHTML = Temp_Html;
    this.tip.style.display = "block";

}

tooltip.hide = function () {
    if (!this.tip) return;
    this.tip.innerHTML = "";
    this.tip.style.display = "none";
}

// Multiple onload function created by: Simon Willison
// http://simonwillison.net/2004/May/26/addLoadEvent/
function addLoadEvent(func) {
  var oldonload = window.onload;
  if (typeof window.onload != 'function') {
    window.onload = func;
  } else {
    window.onload = function() {
      if (oldonload) {
        oldonload();
      }
      func();
    }
  }
}

addLoadEvent(function() {
  tooltip.init ();
});