/**
 * viTip.js
 * @author Diego Bernal
 * This script is a very reduced/modified version of wz_tooltip.js v. 4.12 from Walter Zorn (Web: http://www.walterzorn.com) 
 */


//===================  GLOBAL TOOPTIP CONFIGURATION  =========================//
var config = new Object();
var  tt_Debug = true    // false or true - recommended: false once you release your page to the public
var  tt_Enabled = true    // Allows to (temporarily) suppress tooltips, e.g. by providing the user with a button that sets this global variable to false


// For each of the following config variables there exists a command, which is
// just the variablename in uppercase, to be passed to viTip() to
// configure tooltips individually. Individual commands override global
// configuration. Order of commands is arbitrary.
// Example: onmouseover="viTip('Tooltip text', LEFT, true, BGCOLOR, '#FF9900')"

config. Above     = false   // false or true - tooltip above mousepointer?
config. BgColor     = '' // Background color
config. BgImg     = ''    // Path to background image, none if empty string ''
config. BorderColor   = '#002299'
config. BorderStyle   = 'none'  // Any permitted CSS value, but I recommend 'solid', 'dotted' or 'dashed'
config. BorderWidth   = 0
config. CenterMouse   = false   // false or true - center the tip horizontally below (or above) the mousepointer
config. ClickClose    = false   // false or true - close tooltip if the user clicks somewhere
config. CopyContent   = true    // When converting a HTML element to a tooltip, copy only the element's content, rather than converting the element by its own
config. Delay     = 100   // Time span in ms until tooltip shows up
config. Duration    = 0     // Time span in ms after which the tooltip disappears; 0 for infinite duration
config. Fix       = null    // Fixated position - x- an y-oordinates in brackets, e.g. [210, 480], or null for no fixation
config. FollowMouse   = true    // false or true - tooltip follows the mouse
config. FontColor   = '#000044'
config. FontFace    = 'Verdana,Geneva,sans-serif'
config. FontSize    = '8pt'   // E.g. '9pt' or '12px' - unit is mandatory
config. FontWeight    = 'normal'  // 'normal' or 'bold';
config. Left      = false   // false or true - tooltip on the left of the mouse
config. OffsetX     = 14    // Horizontal offset of left-top corner from mousepointer
config. OffsetY     = 8     // Vertical offset
config. Padding     = 0     // Spacing between border and content
config. Sticky      = false   // Do NOT hide tooltip on mouseout? false or true
config. TextAlign   = 'left'  // 'left', 'right' or 'justify'
config. Width     = 200     // Tooltip width; 0 for automatic adaption to tooltip content
//=======  END OF TOOLTIP CONFIG, DO NOT CHANGE ANYTHING BELOW  ==============//




//======================  PUBLIC  ============================================//

function viTip() {
  tt_Tip(arguments, null);
}
function viTipAssignTips(objectsIdsValues) {
  for(x in objectsIdsValues) {
    if(document.getElementById(x) != null) {
      document.getElementById(x).onmouseover = viTipShow(objectsIdsValues[x]); 
    }    
  }  
}

var tt_aElt = new Array(10), // Container DIV and IFRAME to cover windowed elements in IE
tt_aV = new Array(),  // Caches and enumerates config data for currently active tooltip
tt_sContent,      // Inner tooltip text or HTML
tt_scrlX = 0, tt_scrlY = 0,
tt_musX, tt_musY,
tt_over,
tt_x, tt_y, tt_w, tt_h; // Position, width and height of currently displayed tooltip


function tt_SetTipPos(x, y)
{
  var css = tt_aElt[0].style;

  tt_x = x;
  tt_y = y;
  css.left = x + "px";
  css.top = y + "px";
  if(tt_ie56)
  {
    var ifrm = tt_aElt[tt_aElt.length - 1];
    if(ifrm)
    {
      ifrm.style.left = css.left;
      ifrm.style.top = css.top;
    }
  }
}
function tt_Hide()
{
  if(tt_db && tt_iState)
  {
    if(tt_iState & 0x2)
    {
      tt_aElt[0].style.visibility = "hidden";
    }
    tt_tShow.EndTimer();
    tt_tHide.EndTimer();
    tt_tDurt.EndTimer();
    tt_tFade.EndTimer();
    if(!tt_op && !tt_ie)
    {
      tt_tWaitMov.EndTimer();
      tt_bWait = false;
    }
    if(tt_aV[CLICKCLOSE])
      tt_RemEvtFnc(document, "mouseup", tt_HideInit);
    tt_AddRemOutFnc(false);
    
    tt_iState = 0;
    tt_over = null;
    tt_ResetMainDiv();
    if(tt_aElt[tt_aElt.length - 1])
      tt_aElt[tt_aElt.length - 1].style.display = "none";
  }
}
function tt_GetElt(id)
{
  return(document.getElementById ? document.getElementById(id)
      : document.all ? document.all[id]
      : null);
}
function tt_GetDivW(el)
{
  return(el ? (el.offsetWidth || el.style.pixelWidth || 0) : 0);
}
function tt_GetDivH(el)
{
  return(el ? (el.offsetHeight || el.style.pixelHeight || 0) : 0);
}
function tt_GetScrollX()
{
  return(window.pageXOffset || (tt_db ? (tt_db.scrollLeft || 0) : 0));
}
function tt_GetScrollY()
{
  return(window.pageYOffset || (tt_db ? (tt_db.scrollTop || 0) : 0));
}
function tt_GetClientW()
{
  return(document.body && (typeof(document.body.clientWidth) != tt_u) ? document.body.clientWidth
      : (typeof(window.innerWidth) != tt_u) ? window.innerWidth
      : tt_db ? (tt_db.clientWidth || 0)
      : 0);
}
function tt_GetClientH()
{
  // Exactly this order seems to yield correct values in all major browsers
  return(document.body && (typeof(document.body.clientHeight) != tt_u) ? document.body.clientHeight
      : (typeof(window.innerHeight) != tt_u) ? window.innerHeight
      : tt_db ? (tt_db.clientHeight || 0)
      : 0);
}
function tt_GetEvtX(e)
{
  return (e ? ((typeof(e.pageX) != tt_u) ? e.pageX : (e.clientX + tt_scrlX)) : 0);
}
function tt_GetEvtY(e)
{
  return (e ? ((typeof(e.pageY) != tt_u) ? e.pageY : (e.clientY + tt_scrlY)) : 0);
}
function tt_AddEvtFnc(el, sEvt, PFnc)
{
  if(el)
  {
    if(el.addEventListener)
      el.addEventListener(sEvt, PFnc, false);
    else
      el.attachEvent("on" + sEvt, PFnc);
  }
}
function tt_RemEvtFnc(el, sEvt, PFnc)
{
  if(el)
  {
    if(el.removeEventListener)
      el.removeEventListener(sEvt, PFnc, false);
    else
      el.detachEvent("on" + sEvt, PFnc);
  }
}

//======================  PRIVATE  ===========================================//


var tt_db, tt_op, tt_ie, tt_ie56, tt_bBoxOld, // Browser flags
tt_body,
tt_maxPosX, tt_maxPosY,
tt_iState = 0,      // Tooltip active |= 1, shown |= 2, move with mouse |= 4
tt_bJmpVert,      // Tip above mouse (or ABOVE tip below mouse)
tt_elDeHref,      // The tag from which Opera has removed the href attribute
// Timer
tt_tShow = new Number(0), tt_tHide = new Number(0), tt_tDurt = new Number(0),
tt_tFade = new Number(0), tt_tWaitMov = new Number(0),
tt_bWait = false,
tt_u = "undefined";


function tt_Init()
{
  tt_MkCmdEnum();
  // Send old browsers instantly to hell
  if(!tt_Browser() || !tt_MkMainDiv())
    return;
  tt_IsW3cBox();
  tt_AddEvtFnc(document, "mousemove", tt_Move);
  // In Debug mode we search for TagToTip() calls in order to notify
  // the user if they've forgotten to set the TagsToTip config flag
  tt_AddEvtFnc(window, "scroll",
    function()
    {
      tt_scrlX = tt_GetScrollX();
      tt_scrlY = tt_GetScrollY();
      if(tt_iState && !(tt_aV[STICKY] && (tt_iState & 2)))
        tt_HideInit();
    } );
  // Ensure the tip be hidden when the page unloads
  tt_AddEvtFnc(window, "unload", tt_Hide);
  tt_Hide();
}
// Creates command names by translating config variable names to upper case
function tt_MkCmdEnum()
{
  var n = 0;
  for(var i in config)
    eval("window." + i.toString().toUpperCase() + " = " + n++);
  tt_aV.length = n;
}
function tt_Browser()
{
  var n, nv, n6, w3c;

  n = navigator.userAgent.toLowerCase();
  nv = navigator.appVersion;
  tt_op = (document.defaultView && typeof(eval("w" + "indow" + "." + "o" + "p" + "er" + "a")) != tt_u);
  tt_ie = n.indexOf("msie") != -1 && document.all && !tt_op;
  if(tt_ie)
  {
    var ieOld = (!document.compatMode || document.compatMode == "BackCompat");
    tt_db = !ieOld ? document.documentElement : (document.body || null);
    if(tt_db)
      tt_ie56 = parseFloat(nv.substring(nv.indexOf("MSIE") + 5)) >= 5.5
          && typeof document.body.style.maxHeight == tt_u;
  }
  else
  {
    tt_db = document.documentElement || document.body ||
        (document.getElementsByTagName ? document.getElementsByTagName("body")[0]
        : null);
    if(!tt_op)
    {
      n6 = document.defaultView && typeof document.defaultView.getComputedStyle != tt_u;
      w3c = !n6 && document.getElementById;
    }
  }
  tt_body = (document.getElementsByTagName ? document.getElementsByTagName("body")[0]
        : (document.body || null));
  if(tt_ie || n6 || tt_op || w3c)
  {
    if(tt_body && tt_db)
    {
      if(document.attachEvent || document.addEventListener)
        return true;
    }
    else
      tt_Err("wz_tooltip.js must be included INSIDE the body section,"
          + " immediately after the opening <body> tag.");
  }
  tt_db = null;
  return false;
}
function tt_MkMainDiv()
{
  // Create the tooltip DIV
  if(tt_body.insertAdjacentHTML)
    tt_body.insertAdjacentHTML("afterBegin", tt_MkMainDivHtm());
  else if(typeof tt_body.innerHTML != tt_u && document.createElement && tt_body.appendChild)
    tt_body.appendChild(tt_MkMainDivDom());
  // FireFox Alzheimer bug
  if(window.tt_GetMainDivRefs && tt_GetMainDivRefs())
    return true;
  tt_db = null;
  return false;
}
function tt_MkMainDivHtm()
{
  return('<div id="WzTtDiV"></div>' +
      (tt_ie56 ? ('<iframe id="WzTtIfRm" src="javascript:false" scrolling="no" frameborder="0" style="filter:Alpha(opacity=0);position:absolute;top:0px;left:0px;display:none;"></iframe>')
      : ''));
}
function tt_MkMainDivDom()
{
  var el = document.createElement("div");
  if(el)
    el.id = "WzTtDiV";
  return el;
}
function tt_GetMainDivRefs()
{
  tt_aElt[0] = tt_GetElt("WzTtDiV");
  if(tt_ie56 && tt_aElt[0])
  {
    tt_aElt[tt_aElt.length - 1] = tt_GetElt("WzTtIfRm");
    if(!tt_aElt[tt_aElt.length - 1])
      tt_aElt[0] = null;
  }
  if(tt_aElt[0])
  {
    var css = tt_aElt[0].style;

    css.visibility = "hidden";
    css.position = "absolute";
    css.overflow = "hidden";
    return true;
  }
  return false;
}
function tt_ResetMainDiv()
{
  var w = (window.screen && screen.width) ? screen.width : 10000;

  tt_SetTipPos(-w, 0);
  tt_aElt[0].innerHTML = "";
  tt_aElt[0].style.width = (w - 1) + "px";
}
function tt_IsW3cBox()
{
  var css = tt_aElt[0].style;

  css.padding = "10px";
  css.width = "40px";
  tt_bBoxOld = (tt_GetDivW(tt_aElt[0]) == 40);
  css.padding = "0px";
  tt_ResetMainDiv();
}

function tt_Tip(arg)
{
  if(!tt_db)
    return;
  if(tt_iState)
    tt_Hide();
  if(!tt_Enabled)
    return;
  if(!tt_ReadCmds(arg))
    return;
  tt_iState = 0x1 | 0x4;
  tt_MkTipContent(arg);
  tt_MkTipSubDivs();
  tt_FormatTip();
  tt_bJmpVert = false;
  tt_maxPosX = tt_GetClientW() + tt_scrlX - tt_w - 1;
  tt_maxPosY = tt_GetClientH() + tt_scrlY - tt_h - 1;
  tt_AdaptConfig2();
  // We must fake the first mousemove in order to ensure the tip
  // be immediately shown and positioned
  tt_Move();
  tt_ShowInit();
}
function tt_ReadCmds(a)
{
  var i;

  // First load the global config values, to initialize also values
  // for which no command has been passed
  i = 0;
  for(var j in config)
    tt_aV[i++] = config[j];
  // Then replace each cached config value for which a command has been
  // passed (ensure the # of command args plus value args be even)
  if(a.length & 1)
  {
    for(i = a.length - 1; i > 0; i -= 2)
      tt_aV[a[i - 1]] = a[i];
    return true;
  }
  tt_Err("Incorrect call of Tip() or TagToTip().\n"
      + "Each command must be followed by a value.");
  return false;
}
function tt_AdaptConfig2()
{
  if(tt_aV[CENTERMOUSE])
    tt_aV[OFFSETX] -= ((tt_w - 0) >> 1);
}
// Expose content globally so extensions can modify it
function tt_MkTipContent(a)
{
    tt_sContent = a[0];
}
function tt_MkTipSubDivs()
{
  var sCss = 'position:relative;margin:0px;padding:0px;border-width:0px;left:0px;top:0px;line-height:normal;width:auto;',
  sTbTrTd = ' cellspacing=0 cellpadding=0 border=0 style="' + sCss + '"><tbody style="' + sCss + '"><tr><td ';
  tt_aElt[0].innerHTML =
    (''
    + '<div id="WzBoDy" style="position:relative;z-index:0;">'
    + '<table' + sTbTrTd + 'id="WzBoDyI" style="' + sCss + '">'
    + '<table border="0" cellspacing="0" cellpadding="0"><tr><td class="viTipCorner viTipLT">&nbsp;</td><td class="viTipT">&nbsp;</td><td class="viTipCorner viTipRT">&nbsp;</td></tr><tr><td class="viTipL">&nbsp;</td><td class="viTipC">' + tt_sContent + '</td><td class="viTipR">&nbsp;</td></tr><tr><td class="viTipCorner viTipLB">&nbsp;</td><td class="viTipB">&nbsp;</td><td class="viTipCorner viTipRB">&nbsp;</td></tr></table>' 
    + '</td></tr></tbody></table></div>'
    ); 
  tt_GetSubDivRefs();
  
}
function tt_GetSubDivRefs()
{
  var aId = new Array("WzTiTl", "WzTiTlTb", "WzTiTlI", "WzClOsE", "WzBoDy", "WzBoDyI", "WzTtShDwB", "WzTtShDwR");

  for(var i = aId.length; i; --i)
    tt_aElt[i] = tt_GetElt(aId[i - 1]);
}
function tt_FormatTip()
{
  var css, w, iOffY, iOffSh;

  tt_w = 0;
  iOffY = 0;

  //-------- Body DIV ------------
  css = tt_aElt[5].style;
  css.top = iOffY + "px";
  if(tt_aV[BORDERWIDTH])
  {
    css.borderColor = tt_aV[BORDERCOLOR];
    css.borderStyle = tt_aV[BORDERSTYLE];
    css.borderWidth = tt_aV[BORDERWIDTH] + "px";
  }
  if(tt_aV[BGCOLOR].length)
    css.background = tt_aV[BGCOLOR];
  if(tt_aV[BGIMG].length)
    css.backgroundImage = "url(" + tt_aV[BGIMG] + ")";
  css.padding = tt_aV[PADDING] + "px";
  css.textAlign = tt_aV[TEXTALIGN];
  // TD inside body DIV
  css = tt_aElt[6].style;
  css.color = tt_aV[FONTCOLOR];
  css.fontFamily = tt_aV[FONTFACE];
  css.fontSize = tt_aV[FONTSIZE];
  css.fontWeight = tt_aV[FONTWEIGHT];
  css.background = "";
  css.textAlign = tt_aV[TEXTALIGN];
  if(tt_aV[WIDTH] > 0)
    w = tt_aV[WIDTH] + ((tt_aV[PADDING] + tt_aV[BORDERWIDTH]) << 1);
  else
    // We measure the width of the body's inner TD, because some browsers
    // expand the width of the container and outer body DIV to 100%
    w = tt_GetDivW(tt_aElt[6]) + ((tt_aV[PADDING] + tt_aV[BORDERWIDTH]) << 1);
  if(w > tt_w)
    tt_w = w;

  
  iOffSh = 0;

  //-------- Container DIV -------
  tt_FixSize(iOffY, iOffSh);
}
// Fixate the size so it can't dynamically change while the tooltip is moving.
function tt_FixSize(iOffY, iOffSh)
{
  var wIn, wOut, i;

  tt_aElt[0].style.width = tt_w + "px";
  tt_aElt[0].style.pixelWidth = tt_w;
  wOut = tt_w;
  // Body
  wIn = wOut;
  if(!tt_bBoxOld)
    wIn -= ((tt_aV[PADDING] + tt_aV[BORDERWIDTH]) << 1);
  tt_aElt[5].style.width = wIn + "px";

  tt_h = tt_GetDivH(tt_aElt[0]) + iOffY;
  i = tt_aElt.length - 1;
  if(tt_aElt[i])
  {
    tt_aElt[i].style.width = tt_w + "px";
    tt_aElt[i].style.height = tt_h + "px";
  }
}
function tt_DeAlt(el)
{
  var aKid;

  if(el.alt)
    el.alt = "";
  if(el.title)
    el.title = "";
  aKid = el.childNodes || el.children || null;
  if(aKid)
  {
    for(var i = aKid.length; i;)
      tt_DeAlt(aKid[--i]);
  }
}
// This hack removes the annoying native tooltips over links in Opera
function tt_OpDeHref(el)
{
  if(!tt_op)
    return;
  if(tt_elDeHref)
    tt_OpReHref();
  while(el)
  {
    if(el.hasAttribute("href"))
    {
      el.t_href = el.getAttribute("href");
      el.t_stats = window.status;
      el.removeAttribute("href");
      el.style.cursor = "hand";
      tt_AddEvtFnc(el, "mousedown", tt_OpReHref);
      window.status = el.t_href;
      tt_elDeHref = el;
      break;
    }
    el = el.parentElement;
  }
}
function tt_ShowInit()
{
  tt_tShow.Timer("tt_Show()", tt_aV[DELAY], true);
  if(tt_aV[CLICKCLOSE])
    tt_AddEvtFnc(document, "mouseup", tt_HideInit);
}
function tt_OverInit(e)
{
  tt_over = e.target || e.srcElement;
  tt_DeAlt(tt_over);
  tt_OpDeHref(tt_over);
  tt_AddRemOutFnc(true);
}
function tt_Show()
{
  var css = tt_aElt[0].style;

  // Override the z-index of the topmost wz_dragdrop.js D&D item
  css.zIndex = Math.max((window.dd && dd.z) ? (dd.z + 2) : 0, 1010);
  if(tt_aV[STICKY] || !tt_aV[FOLLOWMOUSE])
    tt_iState &= ~0x4;
  if(tt_aV[DURATION] > 0)
    tt_tDurt.Timer("tt_HideInit()", tt_aV[DURATION], true);
  
  css.visibility = "visible";
  tt_iState |= 0x2;
  tt_ShowIfrm();
}
function tt_ShowIfrm()
{
  if(tt_ie56)
  {
    var ifrm = tt_aElt[tt_aElt.length - 1];
    if(ifrm)
    {
      var css = ifrm.style;
      css.zIndex = tt_aElt[0].style.zIndex - 1;
      css.display = "block";
    }
  }
}
function tt_Move(e)
{
  e = window.event || e;
  if(e)
  {
    tt_musX = tt_GetEvtX(e);
    tt_musY = tt_GetEvtY(e);
  }
  if(tt_iState)
  {
    if(!tt_over && e)
      tt_OverInit(e);
    if(tt_iState & 0x4)
    {
      // Protect some browsers against jam of mousemove events
      if(!tt_op && !tt_ie)
      {
        if(tt_bWait)
          return;
        tt_bWait = true;
        tt_tWaitMov.Timer("tt_bWait = false;", 1, true);
      }
      if(tt_aV[FIX])
      {
        tt_iState &= ~0x4;
        tt_SetTipPos(tt_aV[FIX][0], tt_aV[FIX][1]);
      }
      else {
        tt_SetTipPos(tt_PosX(), tt_PosY()); }
      
    }
  }
}
function tt_PosX()
{
  var x;

  x = tt_musX;
  if(tt_aV[LEFT])
    x -= tt_w + tt_aV[OFFSETX];
  else
    x += tt_aV[OFFSETX];
  // Prevent tip from extending past right/left clientarea boundary
  if(x > tt_maxPosX)
    x = tt_maxPosX;
  return((x < tt_scrlX) ? tt_scrlX : x);
}
function tt_PosY()
{
  var y;

  // Apply some hysteresis after the tip has snapped to the other side of the
  // mouse. In case of insufficient space above and below the mouse, we place
  // the tip below.
  if(tt_aV[ABOVE] && (!tt_bJmpVert || tt_CalcPosYAbove() >= tt_scrlY + 16))
    y = tt_DoPosYAbove();
  else if(!tt_aV[ABOVE] && tt_bJmpVert && tt_CalcPosYBelow() > tt_maxPosY - 16)
    y = tt_DoPosYAbove();
  else
    y = tt_DoPosYBelow();
  // Snap to other side of mouse if tip would extend past window boundary
  if(y > tt_maxPosY)
    y = tt_DoPosYAbove();
  if(y < tt_scrlY)
    y = tt_DoPosYBelow();
  return y;
}
function tt_DoPosYBelow()
{
  tt_bJmpVert = tt_aV[ABOVE];
  return tt_CalcPosYBelow();
}
function tt_DoPosYAbove()
{
  tt_bJmpVert = !tt_aV[ABOVE];
  return tt_CalcPosYAbove();
}
function tt_CalcPosYBelow()
{
  return(tt_musY + tt_aV[OFFSETY]);
}
function tt_CalcPosYAbove()
{
  var dy = tt_aV[OFFSETY];
  if(tt_aV[OFFSETY] > 0 && dy <= 0)
    dy = 1;
  return(tt_musY - tt_h - dy);
}
function tt_OnOut()
{
  tt_AddRemOutFnc(false);
  if(!(tt_aV[STICKY] && (tt_iState & 0x2)))
    tt_HideInit();
}
function tt_HideInit()
{
  tt_iState &= ~0x4;
  tt_tHide.Timer("tt_Hide();", 1, false);
}
function tt_OpReHref()
{
  if(tt_elDeHref)
  {
    tt_elDeHref.setAttribute("href", tt_elDeHref.t_href);
    tt_RemEvtFnc(tt_elDeHref, "mousedown", tt_OpReHref);
    window.status = tt_elDeHref.t_stats;
    tt_elDeHref = null;
  }
}
function tt_Int(x)
{
  var y;

  return(isNaN(y = parseInt(x)) ? 0 : y);
}
// Adds or removes the document.mousemove or HoveredElem.mouseout handler
// conveniently. Keeps track of those handlers to prevent them from being
// set or removed redundantly.
function tt_AddRemOutFnc(bAdd)
{
  var PSet = bAdd ? tt_AddEvtFnc : tt_RemEvtFnc;

  if(bAdd != tt_AddRemOutFnc.bOn)
  {
    PSet(tt_over, "mouseout", tt_OnOut);
    tt_AddRemOutFnc.bOn = bAdd;
    if(!bAdd)
      tt_OpReHref();
  }
}
tt_AddRemOutFnc.bOn = false;
Number.prototype.Timer = function(s, iT, bUrge)
{
  if(!this.value || bUrge)
    this.value = window.setTimeout(s, iT);
}
Number.prototype.EndTimer = function()
{
  if(this.value)
  {
    window.clearTimeout(this.value);
    this.value = 0;
  }
}
function tt_Err(sErr)
{
  if(tt_Debug)
    alert("Tooltip Script Error Message:\n\n" + sErr);
}

tt_Init();