js/wz_tooltip.js

   1 /* This notice must be untouched at all times.
   2 Copyright (c) 2002-2008 Walter Zorn. All rights reserved.
   3
   4 wz_tooltip.js    v. 5.31
   5
   6 The latest version is available at
   7 http://www.walterzorn.com
   8 or http://www.devira.com
   9 or http://www.walterzorn.de
  10
  11 Created 1.12.2002 by Walter Zorn (Web: http://www.walterzorn.com )
  12 Last modified: 7.11.2008
  13
  14 Easy-to-use cross-browser tooltips.
  15 Just include the script at the beginning of the <body> section, and invoke
  16 Tip('Tooltip text') to show and UnTip() to hide the tooltip, from the desired
  17 HTML eventhandlers. Example:
  18 <a onmouseover="Tip('Some text')" onmouseout="UnTip()" href="index.htm">My home page</a>
  19 No container DIV required.
  20 By default, width and height of tooltips are automatically adapted to content.
  21 Is even capable of dynamically converting arbitrary HTML elements to tooltips
  22 by calling TagToTip('ID_of_HTML_element_to_be_converted') instead of Tip(),
  23 which means you can put important, search-engine-relevant stuff into tooltips.
  24 Appearance & behaviour of tooltips can be individually configured
  25 via commands passed to Tip() or TagToTip().
  26
  27 Tab Width: 4
  28 LICENSE: LGPL
  29
  30 This library is free software; you can redistribute it and/or
  31 modify it under the terms of the GNU Lesser General Public
  32 License (LGPL) as published by the Free Software Foundation; either
  33 version 2.1 of the License, or (at your option) any later version.
  34
  35 This library is distributed in the hope that it will be useful,
  36 but WITHOUT ANY WARRANTY; without even the implied warranty of
  37 MERCHANTABILITY or FITNESS FOR A PARTICULAR PURPOSE.
  38
  39 For more details on the GNU Lesser General Public License,
  40 see http://www.gnu.org/copyleft/lesser.html
  41 */
  42
  43 var config = new Object();
  44
  45
  46 //===================  GLOBAL TOOLTIP CONFIGURATION  =========================//
  47 var tt_Debug    = true          // false or true - recommended: false once you release your page to the public
  48 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
  49 var TagsToTip   = true          // false or true - if true, HTML elements to be converted to tooltips via TagToTip() are automatically hidden;
  50                                                         // if false, you should hide those HTML elements yourself
  51
  52 // For each of the following config variables there exists a command, which is
  53 // just the variablename in uppercase, to be passed to Tip() or TagToTip() to
  54 // configure tooltips individually. Individual commands override global
  55 // configuration. Order of commands is arbitrary.
  56 // Example: onmouseover="Tip('Tooltip text', LEFT, true, BGCOLOR, '#FF9900', FADEIN, 400)"
  57
  58 config. Above                   = false         // false or true - tooltip above mousepointer
  59 config. BgColor                 = '#E2E7FF'     // Background colour (HTML colour value, in quotes)
  60 config. BgImg                   = ''            // Path to background image, none if empty string ''
  61 config. BorderColor             = '#003099'
  62 config. BorderStyle             = 'solid'       // Any permitted CSS value, but I recommend 'solid', 'dotted' or 'dashed'
  63 config. BorderWidth             = 1
  64 config. CenterMouse             = false         // false or true - center the tip horizontally below (or above) the mousepointer
  65 config. ClickClose              = false         // false or true - close tooltip if the user clicks somewhere
  66 config. ClickSticky             = false         // false or true - make tooltip sticky if user left-clicks on the hovered element while the tooltip is active
  67 config. CloseBtn                = false         // false or true - closebutton in titlebar
  68 config. CloseBtnColors  = ['#990000', '#FFFFFF', '#DD3333', '#FFFFFF']  // [Background, text, hovered background, hovered text] - use empty strings '' to inherit title colours
  69 config. CloseBtnText    = '&nbsp;X&nbsp;'       // Close button text (may also be an image tag)
  70 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
  71 config. Delay                   = 400           // Time span in ms until tooltip shows up
  72 config. Duration                = 0                     // Time span in ms after which the tooltip disappears; 0 for infinite duration, < 0 for delay in ms _after_ the onmouseout until the tooltip disappears
  73 config. Exclusive               = false         // false or true - no other tooltip can appear until the current one has actively been closed
  74 config. FadeIn                  = 100           // Fade-in duration in ms, e.g. 400; 0 for no animation
  75 config. FadeOut                 = 100
  76 config. FadeInterval    = 30            // Duration of each fade step in ms (recommended: 30) - shorter is smoother but causes more CPU-load
  77 config. Fix                             = null          // Fixated position, two modes. Mode 1: x- an y-coordinates in brackets, e.g. [210, 480]. Mode 2: Show tooltip at a position related to an HTML element: [ID of HTML element, x-offset, y-offset from HTML element], e.g. ['SomeID', 10, 30]. Value null (default) for no fixated positioning.
  78 config. FollowMouse             = true          // false or true - tooltip follows the mouse
  79 config. FontColor               = '#000044'
  80 config. FontFace                = 'Verdana,Geneva,sans-serif'
  81 config. FontSize                = '8pt'         // E.g. '9pt' or '12px' - unit is mandatory
  82 config. FontWeight              = 'normal'      // 'normal' or 'bold';
  83 config. Height                  = 0                     // Tooltip height; 0 for automatic adaption to tooltip content, < 0 (e.g. -100) for a maximum for automatic adaption
  84 config. JumpHorz                = false         // false or true - jump horizontally to other side of mouse if tooltip would extend past clientarea boundary
  85 config. JumpVert                = true          // false or true - jump vertically              "
  86 config. Left                    = false         // false or true - tooltip on the left of the mouse
  87 config. OffsetX                 = 14            // Horizontal offset of left-top corner from mousepointer
  88 config. OffsetY                 = 8                     // Vertical offset
  89 config. Opacity                 = 100           // Integer between 0 and 100 - opacity of tooltip in percent
  90 config. Padding                 = 3                     // Spacing between border and content
  91 config. Shadow                  = false         // false or true
  92 config. ShadowColor             = '#C0C0C0'
  93 config. ShadowWidth             = 5
  94 config. Sticky                  = false         // false or true - fixate tip, ie. don't follow the mouse and don't hide on mouseout
  95 config. TextAlign               = 'left'        // 'left', 'right' or 'justify'
  96 config. Title                   = ''            // Default title text applied to all tips (no default title: empty string '')
  97 config. TitleAlign              = 'left'        // 'left' or 'right' - text alignment inside the title bar
  98 config. TitleBgColor    = ''            // If empty string '', BorderColor will be used
  99 config. TitleFontColor  = '#FFFFFF'     // Color of title text - if '', BgColor (of tooltip body) will be used
 100 config. TitleFontFace   = ''            // If '' use FontFace (boldified)
 101 config. TitleFontSize   = ''            // If '' use FontSize
 102 config. TitlePadding    = 2
 103 config. Width                   = 0                     // Tooltip width; 0 for automatic adaption to tooltip content; < -1 (e.g. -240) for a maximum width for that automatic adaption;
 104                                                                         // -1: tooltip width confined to the width required for the titlebar
 105 //=======  END OF TOOLTIP CONFIG, DO NOT CHANGE ANYTHING BELOW  ==============//
 106
 107
 108
 109
 110 //=====================  PUBLIC  =============================================//
 111 function Tip()
 112 {
 113         tt_Tip(arguments, null);
 114 }
 115 function TagToTip()
 116 {
 117         var t2t = tt_GetElt(arguments[0]);
 118         if(t2t)
 119                 tt_Tip(arguments, t2t);
 120 }
 121 function UnTip()
 122 {
 123         tt_OpReHref();
 124         if(tt_aV[DURATION] < 0 && (tt_iState & 0x2))
 125                 tt_tDurt.Timer("tt_HideInit()", -tt_aV[DURATION], true);
 126         else if(!(tt_aV[STICKY] && (tt_iState & 0x2)))
 127                 tt_HideInit();
 128 }
 129
 130 //==================  PUBLIC PLUGIN API  =====================================//
 131 // Extension eventhandlers currently supported:
 132 // OnLoadConfig, OnCreateContentString, OnSubDivsCreated, OnShow, OnMoveBefore,
 133 // OnMoveAfter, OnHideInit, OnHide, OnKill
 134
 135 var tt_aElt = new Array(10), // Container DIV, outer title & body DIVs, inner title & body TDs, closebutton SPAN, shadow DIVs, and IFRAME to cover windowed elements in IE
 136 tt_aV = new Array(),    // Caches and enumerates config data for currently active tooltip
 137 tt_sContent,                    // Inner tooltip text or HTML
 138 tt_t2t, tt_t2tDad,              // Tag converted to tip, and its DOM parent element
 139 tt_musX, tt_musY,
 140 tt_over,
 141 tt_x, tt_y, tt_w, tt_h; // Position, width and height of currently displayed tooltip
 142
 143 function tt_Extension()
 144 {
 145         tt_ExtCmdEnum();
 146         tt_aExt[tt_aExt.length] = this;
 147         return this;
 148 }
 149 function tt_SetTipPos(x, y)
 150 {
 151         var css = tt_aElt[0].style;
 152
 153         tt_x = x;
 154         tt_y = y;
 155         css.left = x + "px";
 156         css.top = y + "px";
 157         if(tt_ie56)
 158         {
 159                 var ifrm = tt_aElt[tt_aElt.length - 1];
 160                 if(ifrm)
 161                 {
 162                         ifrm.style.left = css.left;
 163                         ifrm.style.top = css.top;
 164                 }
 165         }
 166 }
 167 function tt_HideInit()
 168 {
 169         if(tt_iState)
 170         {
 171                 tt_ExtCallFncs(0, "HideInit");
 172                 tt_iState &= ~(0x4 | 0x8);
 173                 if(tt_flagOpa && tt_aV[FADEOUT])
 174                 {
 175                         tt_tFade.EndTimer();
 176                         if(tt_opa)
 177                         {
 178                                 var n = Math.round(tt_aV[FADEOUT] / (tt_aV[FADEINTERVAL] * (tt_aV[OPACITY] / tt_opa)));
 179                                 tt_Fade(tt_opa, tt_opa, 0, n);
 180                                 return;
 181                         }
 182                 }
 183                 tt_tHide.Timer("tt_Hide();", 1, false);
 184         }
 185 }
 186 function tt_Hide()
 187 {
 188         if(tt_db && tt_iState)
 189         {
 190                 tt_OpReHref();
 191                 if(tt_iState & 0x2)
 192                 {
 193                         tt_aElt[0].style.visibility = "hidden";
 194                         tt_ExtCallFncs(0, "Hide");
 195                 }
 196                 tt_tShow.EndTimer();
 197                 tt_tHide.EndTimer();
 198                 tt_tDurt.EndTimer();
 199                 tt_tFade.EndTimer();
 200                 if(!tt_op && !tt_ie)
 201                 {
 202                         tt_tWaitMov.EndTimer();
 203                         tt_bWait = false;
 204                 }
 205                 if(tt_aV[CLICKCLOSE] || tt_aV[CLICKSTICKY])
 206                         tt_RemEvtFnc(document, "mouseup", tt_OnLClick);
 207                 tt_ExtCallFncs(0, "Kill");
 208                 // In case of a TagToTip tip, hide converted DOM node and
 209                 // re-insert it into DOM
 210                 if(tt_t2t && !tt_aV[COPYCONTENT])
 211                         tt_UnEl2Tip();
 212                 tt_iState = 0;
 213                 tt_over = null;
 214                 tt_ResetMainDiv();
 215                 if(tt_aElt[tt_aElt.length - 1])
 216                         tt_aElt[tt_aElt.length - 1].style.display = "none";
 217         }
 218 }
 219 function tt_GetElt(id)
 220 {
 221         return(document.getElementById ? document.getElementById(id)
 222                         : document.all ? document.all[id]
 223                         : null);
 224 }
 225 function tt_GetDivW(el)
 226 {
 227         return(el ? (el.offsetWidth || el.style.pixelWidth || 0) : 0);
 228 }
 229 function tt_GetDivH(el)
 230 {
 231         return(el ? (el.offsetHeight || el.style.pixelHeight || 0) : 0);
 232 }
 233 function tt_GetScrollX()
 234 {
 235         return(window.pageXOffset || (tt_db ? (tt_db.scrollLeft || 0) : 0));
 236 }
 237 function tt_GetScrollY()
 238 {
 239         return(window.pageYOffset || (tt_db ? (tt_db.scrollTop || 0) : 0));
 240 }
 241 function tt_GetClientW()
 242 {
 243         return tt_GetWndCliSiz("Width");
 244 }
 245 function tt_GetClientH()
 246 {
 247         return tt_GetWndCliSiz("Height");
 248 }
 249 function tt_GetEvtX(e)
 250 {
 251         return (e ? ((typeof(e.pageX) != tt_u) ? e.pageX : (e.clientX + tt_GetScrollX())) : 0);
 252 }
 253 function tt_GetEvtY(e)
 254 {
 255         return (e ? ((typeof(e.pageY) != tt_u) ? e.pageY : (e.clientY + tt_GetScrollY())) : 0);
 256 }
 257 function tt_AddEvtFnc(el, sEvt, PFnc)
 258 {
 259         if(el)
 260         {
 261                 if(el.addEventListener)
 262                         el.addEventListener(sEvt, PFnc, false);
 263                 else
 264                         el.attachEvent("on" + sEvt, PFnc);
 265         }
 266 }
 267 function tt_RemEvtFnc(el, sEvt, PFnc)
 268 {
 269         if(el)
 270         {
 271                 if(el.removeEventListener)
 272                         el.removeEventListener(sEvt, PFnc, false);
 273                 else
 274                         el.detachEvent("on" + sEvt, PFnc);
 275         }
 276 }
 277 function tt_GetDad(el)
 278 {
 279         return(el.parentNode || el.parentElement || el.offsetParent);
 280 }
 281 function tt_MovDomNode(el, dadFrom, dadTo)
 282 {
 283         if(dadFrom)
 284                 dadFrom.removeChild(el);
 285         if(dadTo)
 286                 dadTo.appendChild(el);
 287 }
 288
 289 //======================  PRIVATE  ===========================================//
 290 var tt_aExt = new Array(),      // Array of extension objects
 291
 292 tt_db, tt_op, tt_ie, tt_ie56, tt_bBoxOld,       // Browser flags
 293 tt_body,
 294 tt_ovr_,                                // HTML element the mouse is currently over
 295 tt_flagOpa,                             // Opacity support: 1=IE, 2=Khtml, 3=KHTML, 4=Moz, 5=W3C
 296 tt_maxPosX, tt_maxPosY,
 297 tt_iState = 0,                  // Tooltip active |= 1, shown |= 2, move with mouse |= 4, exclusive |= 8
 298 tt_opa,                                 // Currently applied opacity
 299 tt_bJmpVert, tt_bJmpHorz,// Tip temporarily on other side of mouse
 300 tt_elDeHref,                    // The tag from which we've removed the href attribute
 301 // Timer
 302 tt_tShow = new Number(0), tt_tHide = new Number(0), tt_tDurt = new Number(0),
 303 tt_tFade = new Number(0), tt_tWaitMov = new Number(0),
 304 tt_bWait = false,
 305 tt_u = "undefined";
 306
 307
 308 function tt_Init()
 309 {
 310         tt_MkCmdEnum();
 311         // Send old browsers instantly to hell
 312         if(!tt_Browser() || !tt_MkMainDiv())
 313                 return;
 314         tt_IsW3cBox();
 315         tt_OpaSupport();
 316         tt_AddEvtFnc(document, "mousemove", tt_Move);
 317         // In Debug mode we search for TagToTip() calls in order to notify
 318         // the user if they've forgotten to set the TagsToTip config flag
 319         if(TagsToTip || tt_Debug)
 320                 tt_SetOnloadFnc();
 321         // Ensure the tip be hidden when the page unloads
 322         tt_AddEvtFnc(window, "unload", tt_Hide);
 323 }
 324 // Creates command names by translating config variable names to upper case
 325 function tt_MkCmdEnum()
 326 {
 327         var n = 0;
 328         for(var i in config)
 329                 eval("window." + i.toString().toUpperCase() + " = " + n++);
 330         tt_aV.length = n;
 331 }
 332 function tt_Browser()
 333 {
 334         var n, nv, n6, w3c;
 335
 336         n = navigator.userAgent.toLowerCase(),
 337         nv = navigator.appVersion;
 338         tt_op = (document.defaultView && typeof(eval("w" + "indow" + "." + "o" + "p" + "er" + "a")) != tt_u);
 339         tt_ie = n.indexOf("msie") != -1 && document.all && !tt_op;
 340         if(tt_ie)
 341         {
 342                 var ieOld = (!document.compatMode || document.compatMode == "BackCompat");
 343                 tt_db = !ieOld ? document.documentElement : (document.body || null);
 344                 if(tt_db)
 345                         tt_ie56 = parseFloat(nv.substring(nv.indexOf("MSIE") + 5)) >= 5.5
 346                                         && typeof document.body.style.maxHeight == tt_u;
 347         }
 348         else
 349         {
 350                 tt_db = document.documentElement || document.body ||
 351                                 (document.getElementsByTagName ? document.getElementsByTagName("body")[0]
 352                                 : null);
 353                 if(!tt_op)
 354                 {
 355                         n6 = document.defaultView && typeof document.defaultView.getComputedStyle != tt_u;
 356                         w3c = !n6 && document.getElementById;
 357                 }
 358         }
 359         tt_body = (document.getElementsByTagName ? document.getElementsByTagName("body")[0]
 360                                 : (document.body || null));
 361         if(tt_ie || n6 || tt_op || w3c)
 362         {
 363                 if(tt_body && tt_db)
 364                 {
 365                         if(document.attachEvent || document.addEventListener)
 366                                 return true;
 367                 }
 368                 else
 369                         tt_Err("wz_tooltip.js must be included INSIDE the body section,"
 370                                         + " immediately after the opening <body> tag.", false);
 371         }
 372         tt_db = null;
 373         return false;
 374 }
 375 function tt_MkMainDiv()
 376 {
 377         // Create the tooltip DIV
 378         if(tt_body.insertAdjacentHTML)
 379                 tt_body.insertAdjacentHTML("afterBegin", tt_MkMainDivHtm());
 380         else if(typeof tt_body.innerHTML != tt_u && document.createElement && tt_body.appendChild)
 381                 tt_body.appendChild(tt_MkMainDivDom());
 382         if(window.tt_GetMainDivRefs /* FireFox Alzheimer */ && tt_GetMainDivRefs())
 383                 return true;
 384         tt_db = null;
 385         return false;
 386 }
 387 function tt_MkMainDivHtm()
 388 {
 389         return(
 390                 '<div id="WzTtDiV"></div>' +
 391                 (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>')
 392                 : '')
 393         );
 394 }
 395 function tt_MkMainDivDom()
 396 {
 397         var el = document.createElement("div");
 398         if(el)
 399                 el.id = "WzTtDiV";
 400         return el;
 401 }
 402 function tt_GetMainDivRefs()
 403 {
 404         tt_aElt[0] = tt_GetElt("WzTtDiV");
 405         if(tt_ie56 && tt_aElt[0])
 406         {
 407                 tt_aElt[tt_aElt.length - 1] = tt_GetElt("WzTtIfRm");
 408                 if(!tt_aElt[tt_aElt.length - 1])
 409                         tt_aElt[0] = null;
 410         }
 411         if(tt_aElt[0])
 412         {
 413                 var css = tt_aElt[0].style;
 414
 415                 css.visibility = "hidden";
 416                 css.position = "absolute";
 417                 css.overflow = "hidden";
 418                 return true;
 419         }
 420         return false;
 421 }
 422 function tt_ResetMainDiv()
 423 {
 424         tt_SetTipPos(0, 0);
 425         tt_aElt[0].innerHTML = "";
 426         tt_aElt[0].style.width = "0px";
 427         tt_h = 0;
 428 }
 429 function tt_IsW3cBox()
 430 {
 431         var css = tt_aElt[0].style;
 432
 433         css.padding = "10px";
 434         css.width = "40px";
 435         tt_bBoxOld = (tt_GetDivW(tt_aElt[0]) == 40);
 436         css.padding = "0px";
 437         tt_ResetMainDiv();
 438 }
 439 function tt_OpaSupport()
 440 {
 441         var css = tt_body.style;
 442
 443         tt_flagOpa = (typeof(css.KhtmlOpacity) != tt_u) ? 2
 444                                 : (typeof(css.KHTMLOpacity) != tt_u) ? 3
 445                                 : (typeof(css.MozOpacity) != tt_u) ? 4
 446                                 : (typeof(css.opacity) != tt_u) ? 5
 447                                 : (typeof(css.filter) != tt_u) ? 1
 448                                 : 0;
 449 }
 450 // Ported from http://dean.edwards.name/weblog/2006/06/again/
 451 // (Dean Edwards et al.)
 452 function tt_SetOnloadFnc()
 453 {
 454         tt_AddEvtFnc(document, "DOMContentLoaded", tt_HideSrcTags);
 455         tt_AddEvtFnc(window, "load", tt_HideSrcTags);
 456         if(tt_body.attachEvent)
 457                 tt_body.attachEvent("onreadystatechange",
 458                         function() {
 459                                 if(tt_body.readyState == "complete")
 460                                         tt_HideSrcTags();
 461                         } );
 462         if(/WebKit|KHTML/i.test(navigator.userAgent))
 463         {
 464                 var t = setInterval(function() {
 465                                         if(/loaded|complete/.test(document.readyState))
 466                                         {
 467                                                 clearInterval(t);
 468                                                 tt_HideSrcTags();
 469                                         }
 470                                 }, 10);
 471         }
 472 }
 473 function tt_HideSrcTags()
 474 {
 475         if(!window.tt_HideSrcTags || window.tt_HideSrcTags.done)
 476                 return;
 477         window.tt_HideSrcTags.done = true;
 478         if(!tt_HideSrcTagsRecurs(tt_body))
 479                 tt_Err("There are HTML elements to be converted to tooltips.\nIf you"
 480                                 + " want these HTML elements to be automatically hidden, you"
 481                                 + " must edit wz_tooltip.js, and set TagsToTip in the global"
 482                                 + " tooltip configuration to true.", true);
 483 }
 484 function tt_HideSrcTagsRecurs(dad)
 485 {
 486         var ovr, asT2t;
 487         // Walk the DOM tree for tags that have an onmouseover or onclick attribute
 488         // containing a TagToTip('...') call.
 489         // (.childNodes first since .children is bugous in Safari)
 490         var a = dad.childNodes || dad.children || null;
 491
 492         for(var i = a ? a.length : 0; i;)
 493         {--i;
 494                 if(!tt_HideSrcTagsRecurs(a[i]))
 495                         return false;
 496                 ovr = a[i].getAttribute ? (a[i].getAttribute("onmouseover") || a[i].getAttribute("onclick"))
 497                                 : (typeof a[i].onmouseover == "function") ? (a[i].onmouseover || a[i].onclick)
 498                                 : null;
 499                 if(ovr)
 500                 {
 501                         asT2t = ovr.toString().match(/TagToTip\s*\(\s*'[^'.]+'\s*[\),]/);
 502                         if(asT2t && asT2t.length)
 503                         {
 504                                 if(!tt_HideSrcTag(asT2t[0]))
 505                                         return false;
 506                         }
 507                 }
 508         }
 509         return true;
 510 }
 511 function tt_HideSrcTag(sT2t)
 512 {
 513         var id, el;
 514
 515         // The ID passed to the found TagToTip() call identifies an HTML element
 516         // to be converted to a tooltip, so hide that element
 517         id = sT2t.replace(/.+'([^'.]+)'.+/, "$1");
 518         el = tt_GetElt(id);
 519         if(el)
 520         {
 521                 if(tt_Debug && !TagsToTip)
 522                         return false;
 523                 else
 524                         el.style.display = "none";
 525         }
 526         else
 527                 tt_Err("Invalid ID\n'" + id + "'\npassed to TagToTip()."
 528                                 + " There exists no HTML element with that ID.", true);
 529         return true;
 530 }
 531 function tt_Tip(arg, t2t)
 532 {
 533         if(!tt_db || (tt_iState & 0x8))
 534                 return;
 535         if(tt_iState)
 536                 tt_Hide();
 537         if(!tt_Enabled)
 538                 return;
 539         tt_t2t = t2t;
 540         if(!tt_ReadCmds(arg))
 541                 return;
 542         tt_iState = 0x1 | 0x4;
 543         tt_AdaptConfig1();
 544         tt_MkTipContent(arg);
 545         tt_MkTipSubDivs();
 546         tt_FormatTip();
 547         tt_bJmpVert = false;
 548         tt_bJmpHorz = false;
 549         tt_maxPosX = tt_GetClientW() + tt_GetScrollX() - tt_w - 1;
 550         tt_maxPosY = tt_GetClientH() + tt_GetScrollY() - tt_h - 1;
 551         tt_AdaptConfig2();
 552         // Ensure the tip be shown and positioned before the first onmousemove
 553         tt_OverInit();
 554         tt_ShowInit();
 555         tt_Move();
 556 }
 557 function tt_ReadCmds(a)
 558 {
 559         var i;
 560
 561         // First load the global config values, to initialize also values
 562         // for which no command is passed
 563         i = 0;
 564         for(var j in config)
 565                 tt_aV[i++] = config[j];
 566         // Then replace each cached config value for which a command is
 567         // passed (ensure the # of command args plus value args be even)
 568         if(a.length & 1)
 569         {
 570                 for(i = a.length - 1; i > 0; i -= 2)
 571                         tt_aV[a[i - 1]] = a[i];
 572                 return true;
 573         }
 574         tt_Err("Incorrect call of Tip() or TagToTip().\n"
 575                         + "Each command must be followed by a value.", true);
 576         return false;
 577 }
 578 function tt_AdaptConfig1()
 579 {
 580         tt_ExtCallFncs(0, "LoadConfig");
 581         // Inherit unspecified title formattings from body
 582         if(!tt_aV[TITLEBGCOLOR].length)
 583                 tt_aV[TITLEBGCOLOR] = tt_aV[BORDERCOLOR];
 584         if(!tt_aV[TITLEFONTCOLOR].length)
 585                 tt_aV[TITLEFONTCOLOR] = tt_aV[BGCOLOR];
 586         if(!tt_aV[TITLEFONTFACE].length)
 587                 tt_aV[TITLEFONTFACE] = tt_aV[FONTFACE];
 588         if(!tt_aV[TITLEFONTSIZE].length)
 589                 tt_aV[TITLEFONTSIZE] = tt_aV[FONTSIZE];
 590         if(tt_aV[CLOSEBTN])
 591         {
 592                 // Use title colours for non-specified closebutton colours
 593                 if(!tt_aV[CLOSEBTNCOLORS])
 594                         tt_aV[CLOSEBTNCOLORS] = new Array("", "", "", "");
 595                 for(var i = 4; i;)
 596                 {--i;
 597                         if(!tt_aV[CLOSEBTNCOLORS][i].length)
 598                                 tt_aV[CLOSEBTNCOLORS][i] = (i & 1) ? tt_aV[TITLEFONTCOLOR] : tt_aV[TITLEBGCOLOR];
 599                 }
 600                 // Enforce titlebar be shown
 601                 if(!tt_aV[TITLE].length)
 602                         tt_aV[TITLE] = " ";
 603         }
 604         // Circumvents broken display of images and fade-in flicker in Geckos < 1.8
 605         if(tt_aV[OPACITY] == 100 && typeof tt_aElt[0].style.MozOpacity != tt_u && !Array.every)
 606                 tt_aV[OPACITY] = 99;
 607         // Smartly shorten the delay for fade-in tooltips
 608         if(tt_aV[FADEIN] && tt_flagOpa && tt_aV[DELAY] > 100)
 609                 tt_aV[DELAY] = Math.max(tt_aV[DELAY] - tt_aV[FADEIN], 100);
 610 }
 611 function tt_AdaptConfig2()
 612 {
 613         if(tt_aV[CENTERMOUSE])
 614         {
 615                 tt_aV[OFFSETX] -= ((tt_w - (tt_aV[SHADOW] ? tt_aV[SHADOWWIDTH] : 0)) >> 1);
 616                 tt_aV[JUMPHORZ] = false;
 617         }
 618 }
 619 // Expose content globally so extensions can modify it
 620 function tt_MkTipContent(a)
 621 {
 622         if(tt_t2t)
 623         {
 624                 if(tt_aV[COPYCONTENT])
 625                         tt_sContent = tt_t2t.innerHTML;
 626                 else
 627                         tt_sContent = "";
 628         }
 629         else
 630                 tt_sContent = a[0];
 631         tt_ExtCallFncs(0, "CreateContentString");
 632 }
 633 function tt_MkTipSubDivs()
 634 {
 635         var sCss = 'position:relative;margin:0px;padding:0px;border-width:0px;left:0px;top:0px;line-height:normal;width:auto;',
 636         sTbTrTd = ' cellspacing="0" cellpadding="0" border="0" style="' + sCss + '"><tbody style="' + sCss + '"><tr><td ';
 637
 638         tt_aElt[0].style.width = tt_GetClientW() + "px";
 639         tt_aElt[0].innerHTML =
 640                 (''
 641                 + (tt_aV[TITLE].length ?
 642                         ('<div id="WzTiTl" style="position:relative;z-index:1;">'
 643                         + '<table id="WzTiTlTb"' + sTbTrTd + 'id="WzTiTlI" style="' + sCss + '">'
 644                         + tt_aV[TITLE]
 645                         + '</td>'
 646                         + (tt_aV[CLOSEBTN] ?
 647                                 ('<td align="right" style="' + sCss
 648                                 + 'text-align:right;">'
 649                                 + '<span id="WzClOsE" style="position:relative;left:2px;padding-left:2px;padding-right:2px;'
 650                                 + 'cursor:' + (tt_ie ? 'hand' : 'pointer')
 651                                 + ';" onmouseover="tt_OnCloseBtnOver(1)" onmouseout="tt_OnCloseBtnOver(0)" onclick="tt_HideInit()">'
 652                                 + tt_aV[CLOSEBTNTEXT]
 653                                 + '</span></td>')
 654                                 : '')
 655                         + '</tr></tbody></table></div>')
 656                         : '')
 657                 + '<div id="WzBoDy" style="position:relative;z-index:0;">'
 658                 + '<table' + sTbTrTd + 'id="WzBoDyI" style="' + sCss + '">'
 659                 + tt_sContent
 660                 + '</td></tr></tbody></table></div>'
 661                 + (tt_aV[SHADOW]
 662                         ? ('<div id="WzTtShDwR" style="position:absolute;overflow:hidden;"></div>'
 663                                 + '<div id="WzTtShDwB" style="position:relative;overflow:hidden;"></div>')
 664                         : '')
 665                 );
 666         tt_GetSubDivRefs();
 667         // Convert DOM node to tip
 668         if(tt_t2t && !tt_aV[COPYCONTENT])
 669                 tt_El2Tip();
 670         tt_ExtCallFncs(0, "SubDivsCreated");
 671 }
 672 function tt_GetSubDivRefs()
 673 {
 674         var aId = new Array("WzTiTl", "WzTiTlTb", "WzTiTlI", "WzClOsE", "WzBoDy", "WzBoDyI", "WzTtShDwB", "WzTtShDwR");
 675
 676         for(var i = aId.length; i; --i)
 677                 tt_aElt[i] = tt_GetElt(aId[i - 1]);
 678 }
 679 function tt_FormatTip()
 680 {
 681         var css, w, h, pad = tt_aV[PADDING], padT, wBrd = tt_aV[BORDERWIDTH],
 682         iOffY, iOffSh, iAdd = (pad + wBrd) << 1;
 683
 684         //--------- Title DIV ----------
 685         if(tt_aV[TITLE].length)
 686         {
 687                 padT = tt_aV[TITLEPADDING];
 688                 css = tt_aElt[1].style;
 689                 css.background = tt_aV[TITLEBGCOLOR];
 690                 css.paddingTop = css.paddingBottom = padT + "px";
 691                 css.paddingLeft = css.paddingRight = (padT + 2) + "px";
 692                 css = tt_aElt[3].style;
 693                 css.color = tt_aV[TITLEFONTCOLOR];
 694                 if(tt_aV[WIDTH] == -1)
 695                         css.whiteSpace = "nowrap";
 696                 css.fontFamily = tt_aV[TITLEFONTFACE];
 697                 css.fontSize = tt_aV[TITLEFONTSIZE];
 698                 css.fontWeight = "bold";
 699                 css.textAlign = tt_aV[TITLEALIGN];
 700                 // Close button DIV
 701                 if(tt_aElt[4])
 702                 {
 703                         css = tt_aElt[4].style;
 704                         css.background = tt_aV[CLOSEBTNCOLORS][0];
 705                         css.color = tt_aV[CLOSEBTNCOLORS][1];
 706                         css.fontFamily = tt_aV[TITLEFONTFACE];
 707                         css.fontSize = tt_aV[TITLEFONTSIZE];
 708                         css.fontWeight = "bold";
 709                 }
 710                 if(tt_aV[WIDTH] > 0)
 711                         tt_w = tt_aV[WIDTH];
 712                 else
 713                 {
 714                         tt_w = tt_GetDivW(tt_aElt[3]) + tt_GetDivW(tt_aElt[4]);
 715                         // Some spacing between title DIV and closebutton
 716                         if(tt_aElt[4])
 717                                 tt_w += pad;
 718                         // Restrict auto width to max width
 719                         if(tt_aV[WIDTH] < -1 && tt_w > -tt_aV[WIDTH])
 720                                 tt_w = -tt_aV[WIDTH];
 721                 }
 722                 // Ensure the top border of the body DIV be covered by the title DIV
 723                 iOffY = -wBrd;
 724         }
 725         else
 726         {
 727                 tt_w = 0;
 728                 iOffY = 0;
 729         }
 730
 731         //-------- Body DIV ------------
 732         css = tt_aElt[5].style;
 733         css.top = iOffY + "px";
 734         if(wBrd)
 735         {
 736                 css.borderColor = tt_aV[BORDERCOLOR];
 737                 css.borderStyle = tt_aV[BORDERSTYLE];
 738                 css.borderWidth = wBrd + "px";
 739         }
 740         if(tt_aV[BGCOLOR].length)
 741                 css.background = tt_aV[BGCOLOR];
 742         if(tt_aV[BGIMG].length)
 743                 css.backgroundImage = "url(" + tt_aV[BGIMG] + ")";
 744         css.padding = pad + "px";
 745         css.textAlign = tt_aV[TEXTALIGN];
 746         if(tt_aV[HEIGHT])
 747         {
 748                 css.overflow = "auto";
 749                 if(tt_aV[HEIGHT] > 0)
 750                         css.height = (tt_aV[HEIGHT] + iAdd) + "px";
 751                 else
 752                         tt_h = iAdd - tt_aV[HEIGHT];
 753         }
 754         // TD inside body DIV
 755         css = tt_aElt[6].style;
 756         css.color = tt_aV[FONTCOLOR];
 757         css.fontFamily = tt_aV[FONTFACE];
 758         css.fontSize = tt_aV[FONTSIZE];
 759         css.fontWeight = tt_aV[FONTWEIGHT];
 760         css.textAlign = tt_aV[TEXTALIGN];
 761         if(tt_aV[WIDTH] > 0)
 762                 w = tt_aV[WIDTH];
 763         // Width like title (if existent)
 764         else if(tt_aV[WIDTH] == -1 && tt_w)
 765                 w = tt_w;
 766         else
 767         {
 768                 // Measure width of the body's inner TD, as some browsers would expand
 769                 // the container and outer body DIV to 100%
 770                 w = tt_GetDivW(tt_aElt[6]);
 771                 // Restrict auto width to max width
 772                 if(tt_aV[WIDTH] < -1 && w > -tt_aV[WIDTH])
 773                         w = -tt_aV[WIDTH];
 774         }
 775         if(w > tt_w)
 776                 tt_w = w;
 777         tt_w += iAdd;
 778
 779         //--------- Shadow DIVs ------------
 780         if(tt_aV[SHADOW])
 781         {
 782                 tt_w += tt_aV[SHADOWWIDTH];
 783                 iOffSh = Math.floor((tt_aV[SHADOWWIDTH] * 4) / 3);
 784                 // Bottom shadow
 785                 css = tt_aElt[7].style;
 786                 css.top = iOffY + "px";
 787                 css.left = iOffSh + "px";
 788                 css.width = (tt_w - iOffSh - tt_aV[SHADOWWIDTH]) + "px";
 789                 css.height = tt_aV[SHADOWWIDTH] + "px";
 790                 css.background = tt_aV[SHADOWCOLOR];
 791                 // Right shadow
 792                 css = tt_aElt[8].style;
 793                 css.top = iOffSh + "px";
 794                 css.left = (tt_w - tt_aV[SHADOWWIDTH]) + "px";
 795                 css.width = tt_aV[SHADOWWIDTH] + "px";
 796                 css.background = tt_aV[SHADOWCOLOR];
 797         }
 798         else
 799                 iOffSh = 0;
 800
 801         //-------- Container DIV -------
 802         tt_SetTipOpa(tt_aV[FADEIN] ? 0 : tt_aV[OPACITY]);
 803         tt_FixSize(iOffY, iOffSh);
 804 }
 805 // Fixate the size so it can't dynamically change while the tooltip is moving.
 806 function tt_FixSize(iOffY, iOffSh)
 807 {
 808         var wIn, wOut, h, add, pad = tt_aV[PADDING], wBrd = tt_aV[BORDERWIDTH], i;
 809
 810         tt_aElt[0].style.width = tt_w + "px";
 811         tt_aElt[0].style.pixelWidth = tt_w;
 812         wOut = tt_w - ((tt_aV[SHADOW]) ? tt_aV[SHADOWWIDTH] : 0);
 813         // Body
 814         wIn = wOut;
 815         if(!tt_bBoxOld)
 816                 wIn -= (pad + wBrd) << 1;
 817         tt_aElt[5].style.width = wIn + "px";
 818         // Title
 819         if(tt_aElt[1])
 820         {
 821                 wIn = wOut - ((tt_aV[TITLEPADDING] + 2) << 1);
 822                 if(!tt_bBoxOld)
 823                         wOut = wIn;
 824                 tt_aElt[1].style.width = wOut + "px";
 825                 tt_aElt[2].style.width = wIn + "px";
 826         }
 827         // Max height specified
 828         if(tt_h)
 829         {
 830                 h = tt_GetDivH(tt_aElt[5]);
 831                 if(h > tt_h)
 832                 {
 833                         if(!tt_bBoxOld)
 834                                 tt_h -= (pad + wBrd) << 1;
 835                         tt_aElt[5].style.height = tt_h + "px";
 836                 }
 837         }
 838         tt_h = tt_GetDivH(tt_aElt[0]) + iOffY;
 839         // Right shadow
 840         if(tt_aElt[8])
 841                 tt_aElt[8].style.height = (tt_h - iOffSh) + "px";
 842         i = tt_aElt.length - 1;
 843         if(tt_aElt[i])
 844         {
 845                 tt_aElt[i].style.width = tt_w + "px";
 846                 tt_aElt[i].style.height = tt_h + "px";
 847         }
 848 }
 849 function tt_DeAlt(el)
 850 {
 851         var aKid;
 852
 853         if(el)
 854         {
 855                 if(el.alt)
 856                         el.alt = "";
 857                 if(el.title)
 858                         el.title = "";
 859                 aKid = el.childNodes || el.children || null;
 860                 if(aKid)
 861                 {
 862                         for(var i = aKid.length; i;)
 863                                 tt_DeAlt(aKid[--i]);
 864                 }
 865         }
 866 }
 867 // This hack removes the native tooltips over links in Opera
 868 function tt_OpDeHref(el)
 869 {
 870         if(!tt_op)
 871                 return;
 872         if(tt_elDeHref)
 873                 tt_OpReHref();
 874         while(el)
 875         {
 876                 if(el.hasAttribute && el.hasAttribute("href"))
 877                 {
 878                         el.t_href = el.getAttribute("href");
 879                         el.t_stats = window.status;
 880                         el.removeAttribute("href");
 881                         el.style.cursor = "hand";
 882                         tt_AddEvtFnc(el, "mousedown", tt_OpReHref);
 883                         window.status = el.t_href;
 884                         tt_elDeHref = el;
 885                         break;
 886                 }
 887                 el = tt_GetDad(el);
 888         }
 889 }
 890 function tt_OpReHref()
 891 {
 892         if(tt_elDeHref)
 893         {
 894                 tt_elDeHref.setAttribute("href", tt_elDeHref.t_href);
 895                 tt_RemEvtFnc(tt_elDeHref, "mousedown", tt_OpReHref);
 896                 window.status = tt_elDeHref.t_stats;
 897                 tt_elDeHref = null;
 898         }
 899 }
 900 function tt_El2Tip()
 901 {
 902         var css = tt_t2t.style;
 903
 904         // Store previous positioning
 905         tt_t2t.t_cp = css.position;
 906         tt_t2t.t_cl = css.left;
 907         tt_t2t.t_ct = css.top;
 908         tt_t2t.t_cd = css.display;
 909         // Store the tag's parent element so we can restore that DOM branch
 910         // when the tooltip is being hidden
 911         tt_t2tDad = tt_GetDad(tt_t2t);
 912         tt_MovDomNode(tt_t2t, tt_t2tDad, tt_aElt[6]);
 913         css.display = "block";
 914         css.position = "static";
 915         css.left = css.top = css.marginLeft = css.marginTop = "0px";
 916 }
 917 function tt_UnEl2Tip()
 918 {
 919         // Restore positioning and display
 920         var css = tt_t2t.style;
 921
 922         css.display = tt_t2t.t_cd;
 923         tt_MovDomNode(tt_t2t, tt_GetDad(tt_t2t), tt_t2tDad);
 924         css.position = tt_t2t.t_cp;
 925         css.left = tt_t2t.t_cl;
 926         css.top = tt_t2t.t_ct;
 927         tt_t2tDad = null;
 928 }
 929 function tt_OverInit()
 930 {
 931         if(window.event)
 932                 tt_over = window.event.target || window.event.srcElement;
 933         else
 934                 tt_over = tt_ovr_;
 935         tt_DeAlt(tt_over);
 936         tt_OpDeHref(tt_over);
 937 }
 938 function tt_ShowInit()
 939 {
 940         tt_tShow.Timer("tt_Show()", tt_aV[DELAY], true);
 941         if(tt_aV[CLICKCLOSE] || tt_aV[CLICKSTICKY])
 942                 tt_AddEvtFnc(document, "mouseup", tt_OnLClick);
 943 }
 944 function tt_Show()
 945 {
 946         var css = tt_aElt[0].style;
 947
 948         // Override the z-index of the topmost wz_dragdrop.js D&D item
 949         css.zIndex = Math.max((window.dd && dd.z) ? (dd.z + 2) : 0, 1010);
 950         if(tt_aV[STICKY] || !tt_aV[FOLLOWMOUSE])
 951                 tt_iState &= ~0x4;
 952         if(tt_aV[EXCLUSIVE])
 953                 tt_iState |= 0x8;
 954         if(tt_aV[DURATION] > 0)
 955                 tt_tDurt.Timer("tt_HideInit()", tt_aV[DURATION], true);
 956         tt_ExtCallFncs(0, "Show")
 957         css.visibility = "visible";
 958         tt_iState |= 0x2;
 959         if(tt_aV[FADEIN])
 960                 tt_Fade(0, 0, tt_aV[OPACITY], Math.round(tt_aV[FADEIN] / tt_aV[FADEINTERVAL]));
 961         tt_ShowIfrm();
 962 }
 963 function tt_ShowIfrm()
 964 {
 965         if(tt_ie56)
 966         {
 967                 var ifrm = tt_aElt[tt_aElt.length - 1];
 968                 if(ifrm)
 969                 {
 970                         var css = ifrm.style;
 971                         css.zIndex = tt_aElt[0].style.zIndex - 1;
 972                         css.display = "block";
 973                 }
 974         }
 975 }
 976 function tt_Move(e)
 977 {
 978         if(e)
 979                 tt_ovr_ = e.target || e.srcElement;
 980         e = e || window.event;
 981         if(e)
 982         {
 983                 tt_musX = tt_GetEvtX(e);
 984                 tt_musY = tt_GetEvtY(e);
 985         }
 986         if(tt_iState & 0x4)
 987         {
 988                 // Prevent jam of mousemove events
 989                 if(!tt_op && !tt_ie)
 990                 {
 991                         if(tt_bWait)
 992                                 return;
 993                         tt_bWait = true;
 994                         tt_tWaitMov.Timer("tt_bWait = false;", 1, true);
 995                 }
 996                 if(tt_aV[FIX])
 997                 {
 998                         tt_iState &= ~0x4;
 999                         tt_PosFix();
1000                 }
1001                 else if(!tt_ExtCallFncs(e, "MoveBefore"))
1002                         tt_SetTipPos(tt_Pos(0), tt_Pos(1));
1003                 tt_ExtCallFncs([tt_musX, tt_musY], "MoveAfter")
1004         }
1005 }
1006 function tt_Pos(iDim)
1007 {
1008         var iX, bJmpMod, cmdAlt, cmdOff, cx, iMax, iScrl, iMus, bJmp;
1009
1010         // Map values according to dimension to calculate
1011         if(iDim)
1012         {
1013                 bJmpMod = tt_aV[JUMPVERT];
1014                 cmdAlt = ABOVE;
1015                 cmdOff = OFFSETY;
1016                 cx = tt_h;
1017                 iMax = tt_maxPosY;
1018                 iScrl = tt_GetScrollY();
1019                 iMus = tt_musY;
1020                 bJmp = tt_bJmpVert;
1021         }
1022         else
1023         {
1024                 bJmpMod = tt_aV[JUMPHORZ];
1025                 cmdAlt = LEFT;
1026                 cmdOff = OFFSETX;
1027                 cx = tt_w;
1028                 iMax = tt_maxPosX;
1029                 iScrl = tt_GetScrollX();
1030                 iMus = tt_musX;
1031                 bJmp = tt_bJmpHorz;
1032         }
1033         if(bJmpMod)
1034         {
1035                 if(tt_aV[cmdAlt] && (!bJmp || tt_CalcPosAlt(iDim) >= iScrl + 16))
1036                         iX = tt_PosAlt(iDim);
1037                 else if(!tt_aV[cmdAlt] && bJmp && tt_CalcPosDef(iDim) > iMax - 16)
1038                         iX = tt_PosAlt(iDim);
1039                 else
1040                         iX = tt_PosDef(iDim);
1041         }
1042         else
1043         {
1044                 iX = iMus;
1045                 if(tt_aV[cmdAlt])
1046                         iX -= cx + tt_aV[cmdOff] - (tt_aV[SHADOW] ? tt_aV[SHADOWWIDTH] : 0);
1047                 else
1048                         iX += tt_aV[cmdOff];
1049         }
1050         // Prevent tip from extending past clientarea boundary
1051         if(iX > iMax)
1052                 iX = bJmpMod ? tt_PosAlt(iDim) : iMax;
1053         // In case of insufficient space on both sides, ensure the left/upper part
1054         // of the tip be visible
1055         if(iX < iScrl)
1056                 iX = bJmpMod ? tt_PosDef(iDim) : iScrl;
1057         return iX;
1058 }
1059 function tt_PosDef(iDim)
1060 {
1061         if(iDim)
1062                 tt_bJmpVert = tt_aV[ABOVE];
1063         else
1064                 tt_bJmpHorz = tt_aV[LEFT];
1065         return tt_CalcPosDef(iDim);
1066 }
1067 function tt_PosAlt(iDim)
1068 {
1069         if(iDim)
1070                 tt_bJmpVert = !tt_aV[ABOVE];
1071         else
1072                 tt_bJmpHorz = !tt_aV[LEFT];
1073         return tt_CalcPosAlt(iDim);
1074 }
1075 function tt_CalcPosDef(iDim)
1076 {
1077         return iDim ? (tt_musY + tt_aV[OFFSETY]) : (tt_musX + tt_aV[OFFSETX]);
1078 }
1079 function tt_CalcPosAlt(iDim)
1080 {
1081         var cmdOff = iDim ? OFFSETY : OFFSETX;
1082         var dx = tt_aV[cmdOff] - (tt_aV[SHADOW] ? tt_aV[SHADOWWIDTH] : 0);
1083         if(tt_aV[cmdOff] > 0 && dx <= 0)
1084                 dx = 1;
1085         return((iDim ? (tt_musY - tt_h) : (tt_musX - tt_w)) - dx);
1086 }
1087 function tt_PosFix()
1088 {
1089         var iX, iY;
1090
1091         if(typeof(tt_aV[FIX][0]) == "number")
1092         {
1093                 iX = tt_aV[FIX][0];
1094                 iY = tt_aV[FIX][1];
1095         }
1096         else
1097         {
1098                 if(typeof(tt_aV[FIX][0]) == "string")
1099                         el = tt_GetElt(tt_aV[FIX][0]);
1100                 // First slot in array is direct reference to HTML element
1101                 else
1102                         el = tt_aV[FIX][0];
1103                 iX = tt_aV[FIX][1];
1104                 iY = tt_aV[FIX][2];
1105                 // By default, vert pos is related to bottom edge of HTML element
1106                 if(!tt_aV[ABOVE] && el)
1107                         iY += tt_GetDivH(el);
1108                 for(; el; el = el.offsetParent)
1109                 {
1110                         iX += el.offsetLeft || 0;
1111                         iY += el.offsetTop || 0;
1112                 }
1113         }
1114         // For a fixed tip positioned above the mouse, use the bottom edge as anchor
1115         // (recommended by Christophe Rebeschini, 31.1.2008)
1116         if(tt_aV[ABOVE])
1117                 iY -= tt_h;
1118         tt_SetTipPos(iX, iY);
1119 }
1120 function tt_Fade(a, now, z, n)
1121 {
1122         if(n)
1123         {
1124                 now += Math.round((z - now) / n);
1125                 if((z > a) ? (now >= z) : (now <= z))
1126                         now = z;
1127                 else
1128                         tt_tFade.Timer(
1129                                 "tt_Fade("
1130                                 + a + "," + now + "," + z + "," + (n - 1)
1131                                 + ")",
1132                                 tt_aV[FADEINTERVAL],
1133                                 true
1134                         );
1135         }
1136         now ? tt_SetTipOpa(now) : tt_Hide();
1137 }
1138 function tt_SetTipOpa(opa)
1139 {
1140         // To circumvent the opacity nesting flaws of IE, we set the opacity
1141         // for each sub-DIV separately, rather than for the container DIV.
1142         tt_SetOpa(tt_aElt[5], opa);
1143         if(tt_aElt[1])
1144                 tt_SetOpa(tt_aElt[1], opa);
1145         if(tt_aV[SHADOW])
1146         {
1147                 opa = Math.round(opa * 0.8);
1148                 tt_SetOpa(tt_aElt[7], opa);
1149                 tt_SetOpa(tt_aElt[8], opa);
1150         }
1151 }
1152 function tt_OnCloseBtnOver(iOver)
1153 {
1154         var css = tt_aElt[4].style;
1155
1156         iOver <<= 1;
1157         css.background = tt_aV[CLOSEBTNCOLORS][iOver];
1158         css.color = tt_aV[CLOSEBTNCOLORS][iOver + 1];
1159 }
1160 function tt_OnLClick(e)
1161 {
1162         //  Ignore right-clicks
1163         e = e || window.event;
1164         if(!((e.button && e.button & 2) || (e.which && e.which == 3)))
1165         {
1166                 if(tt_aV[CLICKSTICKY] && (tt_iState & 0x4))
1167                 {
1168                         tt_aV[STICKY] = true;
1169                         tt_iState &= ~0x4;
1170                 }
1171                 else if(tt_aV[CLICKCLOSE])
1172                         tt_HideInit();
1173         }
1174 }
1175 function tt_Int(x)
1176 {
1177         var y;
1178
1179         return(isNaN(y = parseInt(x)) ? 0 : y);
1180 }
1181 Number.prototype.Timer = function(s, iT, bUrge)
1182 {
1183         if(!this.value || bUrge)
1184                 this.value = window.setTimeout(s, iT);
1185 }
1186 Number.prototype.EndTimer = function()
1187 {
1188         if(this.value)
1189         {
1190                 window.clearTimeout(this.value);
1191                 this.value = 0;
1192         }
1193 }
1194 function tt_GetWndCliSiz(s)
1195 {
1196         var db, y = window["inner" + s], sC = "client" + s, sN = "number";
1197         if(typeof y == sN)
1198         {
1199                 var y2;
1200                 return(
1201                         // Gecko or Opera with scrollbar
1202                         // ... quirks mode
1203                         ((db = document.body) && typeof(y2 = db[sC]) == sN && y2 &&  y2 <= y) ? y2
1204                         // ... strict mode
1205                         : ((db = document.documentElement) && typeof(y2 = db[sC]) == sN && y2 && y2 <= y) ? y2
1206                         // No scrollbar, or clientarea size == 0, or other browser (KHTML etc.)
1207                         : y
1208                 );
1209         }
1210         // IE
1211         return(
1212                 // document.documentElement.client+s functional, returns > 0
1213                 ((db = document.documentElement) && (y = db[sC])) ? y
1214                 // ... not functional, in which case document.body.client+s
1215                 // is the clientarea size, fortunately
1216                 : document.body[sC]
1217         );
1218 }
1219 function tt_SetOpa(el, opa)
1220 {
1221         var css = el.style;
1222
1223         tt_opa = opa;
1224         if(tt_flagOpa == 1)
1225         {
1226                 if(opa < 100)
1227                 {
1228                         // Hacks for bugs of IE:
1229                         // 1.) Once a CSS filter has been applied, fonts are no longer
1230                         // anti-aliased, so we store the previous 'non-filter' to be
1231                         // able to restore it
1232                         if(typeof(el.filtNo) == tt_u)
1233                                 el.filtNo = css.filter;
1234                         // 2.) A DIV cannot be made visible in a single step if an
1235                         // opacity < 100 has been applied while the DIV was hidden
1236                         var bVis = css.visibility != "hidden";
1237                         // 3.) In IE6, applying an opacity < 100 has no effect if the
1238                         //         element has no layout (position, size, zoom, ...)
1239                         css.zoom = "100%";
1240                         if(!bVis)
1241                                 css.visibility = "visible";
1242                         css.filter = "alpha(opacity=" + opa + ")";
1243                         if(!bVis)
1244                                 css.visibility = "hidden";
1245                 }
1246                 else if(typeof(el.filtNo) != tt_u)
1247                         // Restore 'non-filter'
1248                         css.filter = el.filtNo;
1249         }
1250         else
1251         {
1252                 opa /= 100.0;
1253                 switch(tt_flagOpa)
1254                 {
1255                 case 2:
1256                         css.KhtmlOpacity = opa; break;
1257                 case 3:
1258                         css.KHTMLOpacity = opa; break;
1259                 case 4:
1260                         css.MozOpacity = opa; break;
1261                 case 5:
1262                         css.opacity = opa; break;
1263                 }
1264         }
1265 }
1266 function tt_Err(sErr, bIfDebug)
1267 {
1268         if(tt_Debug || !bIfDebug)
1269                 alert("Tooltip Script Error Message:\n\n" + sErr);
1270 }
1271
1272 //============  EXTENSION (PLUGIN) MANAGER  ===============//
1273 function tt_ExtCmdEnum()
1274 {
1275         var s;
1276
1277         // Add new command(s) to the commands enum
1278         for(var i in config)
1279         {
1280                 s = "window." + i.toString().toUpperCase();
1281                 if(eval("typeof(" + s + ") == tt_u"))
1282                 {
1283                         eval(s + " = " + tt_aV.length);
1284                         tt_aV[tt_aV.length] = null;
1285                 }
1286         }
1287 }
1288 function tt_ExtCallFncs(arg, sFnc)
1289 {
1290         var b = false;
1291         for(var i = tt_aExt.length; i;)
1292         {--i;
1293                 var fnc = tt_aExt[i]["On" + sFnc];
1294                 // Call the method the extension has defined for this event
1295                 if(fnc && fnc(arg))
1296                         b = true;
1297         }
1298         return b;
1299 }
1300
1301 tt_Init();