home *** CD-ROM | disk | FTP | other *** search
/ PC World 2004 December / PCWorld_2004-12_cd.bin / software / komercni / netgenium / NETGenium.msi / _B4A5F9DE730F039E0CBFC30C1A8A8467 / _45D9303C27C54C36A2309FA98103B604 < prev    next >
Text File  |  2004-10-01  |  23KB  |  795 lines

  1. // {{{ docs <-- this is a VIM (text editor) text fold
  2.  
  3. /**
  4.  * DOM Tooltip 0.6.0
  5.  *
  6.  * Summary:
  7.  * Allows developers to add custom tooltips to the webpages.  Tooltips are
  8.  * controlled through three style class definitions.  This library also detects
  9.  * collisions against native widgets in the browser that cannot handle the
  10.  * zIndex property.  But this library is even more than that...with all the
  11.  * features it has, it has the potential to replace the need for popups
  12.  * entirely as it can embed just about any html inside the tooltip, leading to
  13.  * the possibility of having whole forms or iframes right inside the tip...even
  14.  * other programs!!!
  15.  *
  16.  * Maintainer: Dan Allen <dan@mojavelinux.com>
  17.  *
  18.  * License: LGPL
  19.  * However, if you use this library, you become an official bug reporter :)
  20.  * Please post to my forum where you use it so that I get a chance to see my
  21.  * baby in action.  If you are doing this for commercial work perhaps you could
  22.  * send me a few Starbucks Coffee gift dollars to encourage future developement
  23.  * (NOT REQUIRED).  E-mail me for my address.
  24.  *
  25.  * Homepage: http://www.mojavelinux.com/forum/viewtopic.php?t=127
  26.  *
  27.  * Freshmeat Project: http://freshmeat.net/projects/domtt/?topic_id=92
  28.  *
  29.  * Updated: 2003/02/14
  30.  *
  31.  * Supported Browsers: Mozilla (Gecko), IE 5.0+, Konqueror, Opera 7
  32.  *
  33.  * Usage:
  34.  * All this is required is to put the function call in the event tag for an
  35.  * html element. The status option (for changing the status bar text) is only
  36.  * available through all events, but when used with 'onmouseover' you have to
  37.  * return true so that the browser does not display the link text in the status
  38.  * bar.  To do this, wrap the domTT_activate call in the function makeTrue(),
  39.  * which will just return true, and then prefix it with a 'return'
  40.  *
  41.  * Example: <a href="index.html" onmouseover="return makeTrue(domTT_activate(this, event, 'caption', 'Help', 'content', 'This is a link with a tooltip', 'statusText', 'Link', 'trial', true));">click me</a>
  42.  *
  43.  * Options:
  44.  * Each option is followed by the value for that option.  The variable event
  45.  * must be the first parameter, as shown above.  The options avaiable are:
  46.  *
  47.  *    predefined (optional, must be first item if used, loads default values)
  48.  *    caption (optional)
  49.  *    content (required)
  50.  *    closeLink (optional, defaults to domTT_closeLink global setting variable)
  51.  *    statusText (optional, if used with mouseover must wrap call in 'return domTT_true()')
  52.  *    type (optional, defaults to 'greasy' but can be 'sticky' or 'velcro')
  53.  *    classPrefix (optional, defaults to 'domTT', for changing style class)
  54.  *    delay (optional, defaults to global delay value domTT_activateDelay)
  55.  *    parent (optional, defaults to document.body)
  56.  *    closeAction (optional, defaults to global domTT_closeAction, either 'hide' or 'remove')
  57.  *    trail (optional, follow the mouse cursor while tooltip is active)
  58. **/
  59.  
  60. // }}}
  61. // {{{ Settings (editable)
  62.  
  63. /**
  64.  * Settings (editable)
  65.  */
  66. var domTT_offsetX = 0;
  67. var domTT_offsetY = 10; // Default: 2
  68. var domTT_direction = 'southeast';
  69. var domTT_mouseHeight = 20;
  70. var domTT_closeLink = 'X';
  71. var domTT_screenEdgePadding = 5;
  72. var domTT_activateDelay = 500;
  73. var domTT_maxWidth = 300;
  74. var domTT_useGlobalMousePosition = true;
  75. var domTT_classPrefix = 'domTT';
  76. var domTT_fade = 'neither';
  77. var domTT_lifetime = 0;
  78. var domTT_grid = 0;
  79. var domTT_closeAction = 'hide';
  80. var domTT_dragStickyTips;
  81. if (typeof(domTT_dragStickyTips) == 'undefined')
  82. {
  83.     var domTT_dragStickyTips = false;
  84. }
  85.  
  86. // }}}
  87. // {{{ Global constants
  88.  
  89. /**
  90.  * Global constants (DO NOT EDIT)
  91.  */
  92. var domTT_predefined = new Hash();
  93. var domTT_tooltips = new Hash();
  94.  
  95. // }}}
  96. // {{{ document.onmousemove
  97.  
  98. if (domLib_useLibrary && domTT_useGlobalMousePosition)
  99. {
  100.     var domTT_mousePosition = new Hash();
  101.     document.onmousemove = function(in_event)
  102.     {
  103.         if (typeof(in_event) == 'undefined')
  104.         {
  105.             in_event = event;
  106.         }
  107.  
  108.         domTT_mousePosition = domLib_getEventPosition(in_event);
  109.         if (domTT_dragStickyTips && domTT_dragMouseDown)
  110.         {
  111.             domTT_dragUpdate(in_event);
  112.         }
  113.     }
  114. }
  115.  
  116. // }}}
  117. // {{{ domTT_activate()
  118.  
  119. function domTT_activate(in_this, in_event)
  120. {
  121.     if (!domLib_useLibrary) { return false; }
  122.  
  123.     // make sure in_event is set (for IE, some cases we have to use window.event)
  124.     if (typeof(in_event) == 'undefined')
  125.     {
  126.         in_event = window.event;
  127.     }
  128.  
  129.     var owner = document.body;
  130.     // we have an active event so get the owner
  131.     if (in_event.type.match(/key|mouse|click|contextmenu/i))
  132.     {
  133.         // make sure we have nothing higher than the body element
  134.         if (in_this.nodeType && in_this.nodeType != 9)
  135.         {
  136.             var owner = in_this;
  137.         }
  138.     }
  139.     // non active event
  140.     else
  141.     {
  142.         if (!(owner = document.getElementById(in_this)))
  143.         {
  144.             owner = document.body.appendChild(document.createElement('div'));
  145.             owner.style.display = 'none';
  146.             owner.id = in_this;
  147.         }
  148.     }
  149.  
  150.     // make sure the owner has a unique id
  151.     if (!owner.id)
  152.     {
  153.         owner.id = '__autoId' + domLib_autoId++;
  154.     }
  155.  
  156.     var tooltip = domTT_tooltips.get(owner.id);
  157.     if (tooltip)
  158.     {
  159.         if (tooltip.get('eventType') != in_event.type)
  160.         {
  161.             if (tooltip.get('type') == 'greasy')
  162.             {
  163.                 tooltip.set('closeAction', 'destroy');
  164.                 domTT_deactivate(owner.id);
  165.             }
  166.             else if (tooltip.get('status') != 'inactive')
  167.             {
  168.                 return owner.id;
  169.             }
  170.         }
  171.         else
  172.         {
  173.             if (tooltip.get('status') == 'inactive')
  174.             {
  175.                 tooltip.set('status', 'pending');
  176.                 tooltip.set('activateTimeout', domLib_setTimeout(function(argv) { 
  177.                     domTT_show(argv[0], argv[1]); 
  178.                 }, tooltip.get('delay'), [owner.id, in_event]));
  179.  
  180.                 return owner.id;
  181.             }
  182.             // either pending or active, let it be
  183.             else
  184.             {
  185.                 return owner.id;
  186.             }
  187.         }
  188.     }
  189.  
  190.     // setup the default options hash
  191.     var options = new Hash(
  192.         'caption',        '',
  193.         'content',        '',
  194.         'closeLink',    domTT_closeLink,
  195.         'parent',        document.body,
  196.         'position',        'absolute',
  197.         'type',            'greasy',
  198.         'direction',    domTT_direction,
  199.         'delay',        domTT_activateDelay,
  200.         'classPrefix',    domTT_classPrefix,
  201.         'closeAction',    domTT_closeAction,
  202.         'lifetime',        domTT_lifetime,
  203.         'grid',            domTT_grid,
  204.         'fade',            domTT_fade,
  205.         'trail',        false
  206.     );
  207.  
  208.     // load in the options from the function call
  209.     for (var i = 2; i < arguments.length; i += 2)
  210.     {
  211.         // load in predefined
  212.         if (arguments[i] == 'predefined')
  213.         {
  214.             var predefinedOptions = domTT_predefined.get(arguments[i + 1]);
  215.             for (var j in predefinedOptions.elementData)
  216.             {
  217.                 options.set(j, predefinedOptions.get(j));
  218.             }
  219.         }
  220.         // set option
  221.         else
  222.         {
  223.             options.set(arguments[i], arguments[i + 1]);
  224.         }
  225.     }
  226.  
  227.     options.set('eventType', in_event.type);
  228.  
  229.     // immediately set the status text if provided
  230.     if (options.has('statusText')) {
  231.         try { window.status = options.get('statusText'); } catch(e) {}
  232.     }
  233.  
  234.     // if we didn't give content...assume we just wanted to change the status and return
  235.     if (!options.has('content') || options.get('content') == '')
  236.     {
  237.         if (typeof(owner.onmouseout) != 'function')
  238.         {
  239.             owner.onmouseout = function(in_event) { domTT_mouseout(this, in_event); };
  240.         }
  241.  
  242.         return owner.id;
  243.     }
  244.  
  245.     options.set('owner', owner);
  246.     options.set('id', '[domTT]' + owner.id);
  247.     domTT_create(options);
  248.     // determine the show delay
  249.     options.set('delay', in_event.type.match(/click|mousedown|contextmenu/i) ? 0 : parseInt(options.get('delay')));
  250.     domTT_tooltips.set(owner.id, options);
  251.     options.set('status', 'pending');
  252.     options.set('activateTimeout', domLib_setTimeout(function(argv) { 
  253.         domTT_show(argv[0], argv[1]); 
  254.     }, options.get('delay'), [owner.id, in_event]));
  255.  
  256.     return owner.id;
  257. }
  258.  
  259. // }}}
  260. // {{{ domTT_create()
  261.  
  262. function domTT_create(in_options)
  263. {
  264.     var owner = in_options.get('owner');
  265.  
  266.     // create the tooltip and hide it
  267.     var tipObj = document.body.appendChild(document.createElement('div'));
  268.     tipObj.style.position = 'absolute';
  269.     tipObj.style.left = '0px';
  270.     tipObj.style.top = '0px';
  271.     tipObj.style.visibility = 'hidden';
  272.     tipObj.id = in_options.get('id');
  273.     tipObj.className = in_options.get('classPrefix');
  274.     
  275.     // NETGenium
  276.     tipObj.onmouseout = function() { domTT_deactivate(owner.id); };
  277.  
  278.     if (in_options.get('caption') || (in_options.get('type') == 'sticky' && in_options.get('caption') !== false))
  279.     {
  280.  
  281.         // layout the tip with a hidden formatting table
  282.         var tipLayoutTable = tipObj.appendChild(document.createElement('table'));
  283.         tipLayoutTable.style.borderCollapse = 'collapse';
  284.         if (domLib_isKonq)
  285.         {
  286.             tipLayoutTable.cellSpacing = 0;
  287.         }
  288.  
  289.         var tipLayoutTbody = tipLayoutTable.appendChild(document.createElement('tbody'));
  290.  
  291.         var numCaptionCells = 0;
  292.         var captionRow = tipLayoutTbody.appendChild(document.createElement('tr'));
  293.         var captionCell = captionRow.appendChild(document.createElement('td'));
  294.         captionCell.style.padding = '0px';
  295.         var caption = captionCell.appendChild(document.createElement('div'));
  296.         caption.className = in_options.get('classPrefix') + 'Caption';
  297.         caption.style.height = '100%';
  298.         caption.appendChild(document.createTextNode(in_options.get('caption')));
  299.  
  300.         if (in_options.get('type') == 'sticky')
  301.         {
  302.             var numCaptionCells = 2;
  303.             var closeLinkCell = captionRow.appendChild(document.createElement('td'));
  304.             closeLinkCell.style.padding = '0px';
  305.             var closeLink = closeLinkCell.appendChild(document.createElement('div'));
  306.             closeLink.className = in_options.get('classPrefix') + 'Caption';
  307.             closeLink.style.height = '100%';
  308.             closeLink.style.textAlign = 'right';
  309.             closeLink.style.cursor = domLib_stylePointer;
  310.             // merge the styles of the two cells
  311.             closeLink.style.borderLeftWidth = caption.style.borderRightWidth = '0px';
  312.             closeLink.style.paddingLeft = caption.style.paddingRight = '0px';
  313.             closeLink.style.marginLeft = caption.style.marginRight = '0px';
  314.             if (in_options.get('closeLink').nodeType)
  315.             {
  316.                 closeLink.appendChild(in_options.get('closeLink').cloneNode(1));
  317.             }
  318.             else
  319.             {
  320.                 closeLink.innerHTML = in_options.get('closeLink');
  321.             }
  322.  
  323.             closeLink.onclick = function() { domTT_deactivate(owner.id); };
  324.             closeLink.onmousedown = function(in_event) { if (typeof(in_event) == 'undefined') { in_event = event; } in_event.cancelBubble = true; };
  325.         }
  326.  
  327.         var contentRow = tipLayoutTbody.appendChild(document.createElement('tr'));
  328.         var contentCell = contentRow.appendChild(document.createElement('td'));
  329.         contentCell.style.padding = '0px';
  330.         if (numCaptionCells)
  331.         {
  332.             if (domLib_isIE)
  333.             {
  334.                 contentCell.colSpan = numCaptionCells;
  335.             }
  336.             else
  337.             {
  338.                 contentCell.setAttribute('colspan', numCaptionCells);
  339.             }
  340.         }
  341.  
  342.         var content = contentCell.appendChild(document.createElement('div'));
  343.         if (domLib_isIE50)
  344.         {
  345.             content.style.height = '100%';
  346.         }
  347.     }
  348.     else
  349.     {
  350.         var content = tipObj.appendChild(document.createElement('div'));
  351.     }
  352.  
  353.     content.className = in_options.get('classPrefix') + 'Content';
  354.  
  355.     if (in_options.get('content').nodeType)
  356.     {
  357.         content.appendChild(in_options.get('content').cloneNode(1));
  358.     }
  359.     else
  360.     {
  361.         content.innerHTML = in_options.get('content');
  362.     }
  363.  
  364.     // adjust the width if specified
  365.     if (in_options.has('width'))
  366.     {
  367.         tipObj.style.width = parseInt(in_options.get('width')) + 'px';
  368.     }
  369.  
  370.     // check if we are overridding the maxWidth
  371.     // if the browser supports maxWidth, the global setting will be ignored (assume stylesheet)
  372.     var maxWidth = domTT_maxWidth;
  373.     if (in_options.has('maxWidth'))
  374.     {
  375.         if ((maxWidth = in_options.get('maxWidth')) === false)
  376.         {
  377.             tipObj.style.maxWidth = domLib_styleNoMaxWidth;
  378.         }
  379.         else
  380.         {
  381.             maxWidth = parseInt(in_options.get('maxWidth'));
  382.             tipObj.style.maxWidth = maxWidth + 'px';
  383.         }
  384.     }
  385.  
  386.     // :HACK: fix lack of maxWidth in CSS for Konq and IE
  387.     if (maxWidth !== false && (domLib_isIE || domLib_isKonq) && tipObj.offsetWidth > maxWidth)
  388.     {
  389.         tipObj.style.width = maxWidth + 'px';
  390.     }
  391.  
  392.     // tooltip floats
  393.     if (in_options.get('position') == 'absolute' && !(in_options.has('x') && in_options.has('y')))
  394.     {
  395.         // determine the offset relative to the pointer
  396.         switch (in_options.get('direction'))
  397.         {
  398.             case 'northeast':
  399.                 var offset_x = domTT_offsetX;
  400.                 var offset_y = 0 - tipObj.offsetHeight - domTT_offsetY;
  401.             break;
  402.             case 'northwest':
  403.                 var offset_x = 0 - tipObj.offsetWidth - domTT_offsetX;
  404.                 var offset_y = 0 - tipObj.offsetHeight - domTT_offsetY;
  405.             break;
  406.             case 'southwest':
  407.                 var offset_x = 0 - tipObj.offsetWidth - domTT_offsetX;
  408.                 var offset_y = domTT_mouseHeight + domTT_offsetY;
  409.             break;
  410.             case 'southeast':
  411.                 var offset_x = domTT_offsetX;
  412.                 var offset_y = domTT_mouseHeight + domTT_offsetY;
  413.             break;
  414.         }
  415.     }
  416.     // tooltip is fixed
  417.     else
  418.     {
  419.         var offset_x = 0;
  420.         var offset_y = 0;
  421.         in_options.set('trail', false);
  422.     }
  423.  
  424.     in_options.set('offsetX', offset_x);
  425.     in_options.set('offsetY', offset_y);
  426.     in_options.set('offsetWidth', tipObj.offsetWidth);
  427.     in_options.set('offsetHeight', tipObj.offsetHeight);
  428.     if (domLib_canFade && typeof(alphaAPI) == 'function')
  429.     {
  430.         if (in_options.get('fade') != 'neither')
  431.         {
  432.             var fadeHandler = new alphaAPI(tipObj, 50, 50, 100, 0, null, 10);
  433.             fadeHandler.setAlpha(0);
  434.             in_options.set('fadeHandler', fadeHandler);
  435.         }
  436.     }
  437.     else
  438.     {
  439.         in_options.set('fade', 'neither');
  440.     }
  441.  
  442.     // setup mouse events
  443.     if (in_options.get('trail') && typeof(owner.onmousemove) != 'function')
  444.     {
  445.         owner.onmousemove = function(in_event) { domTT_mousemove(this, in_event); };
  446.     }
  447.  
  448.     if (typeof(owner.onmouseout) != 'function')
  449.     {
  450.         owner.onmouseout = function(in_event) { domTT_mouseout(this, in_event); };
  451.     }
  452.  
  453.     if (in_options.get('type') == 'sticky')
  454.     {
  455.         if (in_options.get('position') == 'absolute' && domTT_dragStickyTips)
  456.         {
  457.             if (domLib_isIE)
  458.             {
  459.                 captionRow.onselectstart = function() { return false; };
  460.             }
  461.  
  462.             // setup drag
  463.             captionRow.onmousedown = function(in_event) { domTT_dragStart(tipObj, in_event);  };
  464.             captionRow.onmousemove = function(in_event) { domTT_dragUpdate(in_event); };
  465.             captionRow.onmouseup = function() { domTT_dragStop(); };
  466.         }
  467.     }
  468.     else if (in_options.get('type') == 'velcro')
  469.     {
  470.         tipObj.onmouseout = function(in_event) { if (typeof(in_event) == 'undefined') { in_event = event; } if (!domLib_isDescendantOf(in_event[domLib_eventTo], tipObj)) { domTT_deactivate(owner.id); }};
  471.     }
  472.  
  473.     if (in_options.get('position') == 'relative')
  474.     {
  475.         tipObj.style.position = 'relative';
  476.     }
  477.  
  478.     if (in_options.get('parent') != document.body)
  479.     {
  480.         in_options.get('parent').appendChild(tipObj);
  481.     }
  482.  
  483.     in_options.set('node', tipObj);
  484.     in_options.set('status', 'inactive');
  485. }
  486.  
  487. // }}}
  488. // {{{ domTT_show()
  489.  
  490. function domTT_show(in_ownerId, in_event)
  491. {
  492.     // should always find one since this call would be cancelled if tip was killed
  493.     var tooltip = domTT_tooltips.get(in_ownerId);
  494.     var status = tooltip.get('status');
  495.     var tipObj = tooltip.get('node');
  496.  
  497.     if (tooltip.get('position') == 'absolute')
  498.     {
  499.         if (tooltip.has('x') && tooltip.has('y'))
  500.         {
  501.             var mouse_x = tooltip.get('x');
  502.             var mouse_y = tooltip.get('y');
  503.         }
  504.         else if (!domTT_useGlobalMousePosition || status == 'active' || tooltip.get('delay') == 0)
  505.         {
  506.             var eventPosition = domLib_getEventPosition(in_event);
  507.             var mouse_x = eventPosition.get('x');
  508.             var mouse_y = eventPosition.get('y');
  509.         }
  510.         else
  511.         {
  512.             var mouse_x = domTT_mousePosition.get('x');
  513.             var mouse_y = domTT_mousePosition.get('y');
  514.         }
  515.  
  516.         // we are using a grid for updates
  517.         if (tooltip.get('grid'))
  518.         {
  519.             // if this is not a mousemove event or it is a mousemove event on an active tip and
  520.             // the movement is bigger than the grid
  521.             if (in_event.type != 'mousemove' || (status == 'active' && (Math.abs(tooltip.get('lastX') - mouse_x) > tooltip.get('grid') || Math.abs(tooltip.get('lastY') - mouse_y) > tooltip.get('grid'))))
  522.             {
  523.                 tooltip.set('lastX', mouse_x);
  524.                 tooltip.set('lastY', mouse_y);
  525.             }
  526.             // did not satisfy the grid movement requirement
  527.             else
  528.             {
  529.                 return false;
  530.             }
  531.         }
  532.  
  533.         var coordinates = {'x' : mouse_x + tooltip.get('offsetX'), 'y' : mouse_y + tooltip.get('offsetY')};
  534.         coordinates = domTT_correctEdgeBleed(tooltip.get('offsetWidth'), tooltip.get('offsetHeight'), coordinates.x, coordinates.y, domTT_offsetX, domTT_offsetY, tooltip.get('type'));
  535.  
  536.         // update the position
  537.         tipObj.style.left = coordinates.x + 'px';
  538.         tipObj.style.top = coordinates.y + 'px';
  539.  
  540.         // increase the tip zIndex so it goes over previously shown tips
  541.         tipObj.style.zIndex = domLib_zIndex++;
  542.     }
  543.  
  544.     // if tip is not active, active it now and check for a fade in
  545.     if (status == 'pending')
  546.     {
  547.         // unhide the tooltip
  548.         tooltip.set('status', 'active');
  549.         tipObj.style.display = '';
  550.         tipObj.style.visibility = 'visible';
  551.  
  552.         // NETGenium
  553.         if ((tipObj.offsetLeft - document.body.scrollLeft) + tipObj.clientWidth > document.body.clientWidth) tipObj.style.left = document.body.scrollLeft + document.body.clientWidth - tipObj.clientWidth - 10;
  554.         if ((tipObj.offsetTop - document.body.scrollTop) + tipObj.clientHeight > document.body.clientHeight) tipObj.style.top = document.body.scrollTop + document.body.clientHeight - tipObj.clientHeight - 10;
  555.  
  556.         var fade = tooltip.get('fade');
  557.         if (fade != 'neither')
  558.         {
  559.             var fadeHandler = tooltip.get('fadeHandler');
  560.             if (fade == 'out' || fade == 'both')
  561.             {
  562.                 fadeHandler.pause();
  563.                 if (fade == 'out')
  564.                 {
  565.                     fadeHandler.reset();
  566.                 }
  567.             }
  568.  
  569.             if (fade == 'in' || fade == 'both')
  570.             {
  571.                 fadeHandler.fadeIn();
  572.             }
  573.         }
  574.  
  575.         if (tooltip.get('type') == 'greasy' && tooltip.get('lifetime') != 0)
  576.         {
  577.             tooltip.set('lifetimeTimeout', domLib_setTimeout(function(argv) { domTT_deactivate(argv[0]); }, tooltip.get('lifetime'), [in_ownerId]));
  578.         }
  579.     }
  580.  
  581.     if (tooltip.get('position') == 'absolute')
  582.     {
  583.         domLib_detectCollisions(tipObj);
  584.     }
  585. }
  586.  
  587. // }}}
  588. // {{{ domTT_deactivate()
  589.  
  590. function domTT_deactivate(in_ownerId)
  591. {
  592.     var tooltip = domTT_tooltips.get(in_ownerId);
  593.     if (tooltip)
  594.     {
  595.         var status = tooltip.get('status');
  596.         if (status == 'pending')
  597.         {
  598.             // cancel the creation of this tip if it is still pending
  599.             domLib_clearTimeout(tooltip.get('activateTimeout'));
  600.             tooltip.set('status', 'inactive');
  601.         }
  602.         else if (status == 'active')
  603.         {
  604.             if (tooltip.get('lifetime'))
  605.             {
  606.                 domLib_clearTimeout(tooltip.get('lifetimeTimeout'));
  607.             }
  608.  
  609.             var tipObj = tooltip.get('node');
  610.             if (tooltip.get('closeAction') == 'hide')
  611.             {
  612.                 var fade = tooltip.get('fade');
  613.                 if (fade != 'neither')
  614.                 {
  615.                     var fadeHandler = tooltip.get('fadeHandler');
  616.                     if (fade == 'out' || fade == 'both')
  617.                     {
  618.                         fadeHandler.pause();
  619.                         fadeHandler.fadeOut();
  620.                     }
  621.                     else
  622.                     {
  623.                         fadeHandler.stop();
  624.                     }
  625.                 }
  626.                 else
  627.                 {
  628.                     tipObj.style.display = 'none';
  629.                 }
  630.             }
  631.             else
  632.             {
  633.                 tooltip.get('parent').removeChild(tipObj);
  634.                 domTT_tooltips.remove(in_ownerId);
  635.             }
  636.  
  637.             tooltip.set('status', 'inactive');
  638.             // unhide all of the selects that are owned by this object
  639.             domLib_detectCollisions(tipObj, true); 
  640.         }
  641.     }
  642. }
  643.  
  644. // }}}
  645. // {{{ domTT_mouseout()
  646.  
  647. function domTT_mouseout(in_owner, in_event)
  648. {
  649.     if (!domLib_useLibrary) { return false; }
  650.  
  651.     if (typeof(in_event) == 'undefined')
  652.     {
  653.         in_event = event;
  654.     }
  655.  
  656.     var toChild = domLib_isDescendantOf(in_event[domLib_eventTo], in_owner);
  657.     var tooltip = domTT_tooltips.get(in_owner.id);
  658.     if (tooltip && (tooltip.get('type') == 'greasy' || tooltip.get('status') != 'active'))
  659.     {
  660.         // deactivate tip if exists and we moved away from the owner
  661.         if (!toChild)
  662.         {
  663.             domTT_deactivate(in_owner.id);
  664.         }
  665.     }
  666.     else if (!toChild)
  667.     {
  668.         try { window.status = window.defaultStatus; } catch(e) {}
  669.     }
  670. }
  671.  
  672. // }}}
  673. // {{{ domTT_mousemove()
  674.  
  675. function domTT_mousemove(in_owner, in_event)
  676. {
  677.     if (!domLib_useLibrary) { return false; }
  678.  
  679.     if (typeof(in_event) == 'undefined')
  680.     {
  681.         in_event = event;
  682.     }
  683.  
  684.     var tooltip = domTT_tooltips.get(in_owner.id);
  685.     if (tooltip && tooltip.get('trail') && tooltip.get('status') == 'active')
  686.     {
  687.         domTT_show(in_owner.id, in_event);
  688.     }
  689. }
  690.  
  691. // }}}
  692. // {{{ domTT_addPredefined()
  693.  
  694. function domTT_addPredefined(in_id)
  695. {
  696.     var options = new Hash();
  697.     for (var i = 1; i < arguments.length; i += 2)
  698.     {
  699.         options.set(arguments[i], arguments[i + 1]);
  700.     }
  701.  
  702.     domTT_predefined.set(in_id, options);
  703. }
  704.  
  705. // }}}
  706. // {{{ domTT_correctEdgeBleed()
  707.  
  708. function domTT_correctEdgeBleed(in_width, in_height, in_x, in_y, in_offsetX, in_offsetY, in_type)
  709. {
  710.     var bleedRight;
  711.     var bleedBottom;
  712.     // for IE in compliance mode, maybe others
  713.     if (document.documentElement.clientHeight)
  714.     {
  715.         var pageHeight = document.documentElement.clientHeight;
  716.         var pageWidth = document.documentElement.clientWidth;
  717.         var pageYOffset = document.documentElement.scrollTop;
  718.         var pageXOffset = document.documentElement.scrollLeft;
  719.     }
  720.     else
  721.     {
  722.         var pageWidth = document.body.clientWidth;
  723.         var pageYOffset = window.pageYOffset;
  724.         var pageXOffset = window.pageXOffset;
  725.         if (domLib_isKonq)
  726.         {
  727.             var pageHeight = window.innerHeight;
  728.         }
  729.         else
  730.         {
  731.             var pageHeight = document.body.clientHeight;
  732.         }
  733.     }
  734.  
  735.     // we are bleeding off the right, move tip over to stay on page
  736.     if ((bleedRight = (in_x - pageXOffset) + in_width - (pageWidth - domTT_screenEdgePadding)) > 0)
  737.     {
  738.         in_x -= bleedRight;
  739.     }
  740.  
  741.     // we are bleeding to the left, move tip over to stay on page
  742.     // we don't want an 'else if' here, because if it doesn't fit we will bleed off the right
  743.     if ((in_x - pageXOffset) < domTT_screenEdgePadding)
  744.     {
  745.         in_x = domTT_screenEdgePadding + pageXOffset;
  746.     }
  747.  
  748.     // ** top/bottom corrections depends on type, because we can't end up with the mouse over
  749.     // the tip if this is a greasy **
  750.     // if we are bleeding off the bottom, flip to north
  751.     if ((bleedBottom = (in_y - pageYOffset) + in_height - (pageHeight - domTT_screenEdgePadding)) > 0) {
  752.         if (in_type == 'sticky') {
  753.             in_y -= bleedBottom;
  754.         }
  755.         else
  756.         {
  757.             in_y -= in_height + (2 * in_offsetY) + domTT_mouseHeight;
  758.         }
  759.     }
  760.  
  761.     // if we are bleeding off the top, flip to south
  762.     // we don't want an 'else if' here, because if we just can't fit it, bleed off the bottom
  763.     if ((in_y - pageYOffset) < domTT_screenEdgePadding)
  764.     {
  765.         if (in_type == 'sticky')
  766.         {
  767.             in_y = domTT_screenEdgePadding + pageYOffset;
  768.         }
  769.         else
  770.         {
  771.             in_y += in_height + (2 * in_offsetY) + domTT_mouseHeight;
  772.         }
  773.     }
  774.  
  775.     return {'x' : in_x, 'y' : in_y};
  776. }
  777.  
  778. // }}}
  779. // {{{ domTT_isActive()
  780.  
  781. function domTT_isActive(in_ownerId)
  782. {
  783.     var tooltip = domTT_tooltips.get(in_ownerId);
  784.     if (!tooltip || tooltip.get('status') != 'active')
  785.     {
  786.         return false;
  787.     }
  788.     else
  789.     {
  790.         return true;
  791.     }
  792. }
  793.  
  794. // }}}
  795.