# Tips.js

Tooltips, BubbleTips, whatever they are, they will appear on mouseover

#### Dependencies

Moo.js, Function.js, Array.js, String.js, Element.js, Fx.js

#### Author

Valerio Proietti, http://mad4milk.net

#### License

MIT-style license.

#### Credits

Tips.js is based on Bubble Tooltips (http://web-graphics.com/mtarchive/001717.php) by Alessandro Fulcitiniti http://web-graphics.com

Summary

Tips.js | Tooltips, BubbleTips, whatever they are, they will appear on mouseover
Tips | Display a tip on any element with a title and/or href.

## Tips

Display a tip on any element with a title and/or href.

#### Arguments

elements | a collection of elements to apply the tooltips to on mouseover.
options | an object. See options Below.

#### Options

transitionStart | the transition effect used to show the tip (see Fx.Transitions).
transitionEnd | the transition effect used to hide the tip (see Fx.Transitions).
maxTitleChars | the maximum number of characters to display in the title of the tip. defaults to 30.
fxDuration | the duration (in ms) for the transition effect when the tip to appears and disappears. defaults to 150.
maxOpacity | how opaque to make the tooltip (0 = 0% opaque, 1= 100% opaque). defaults to 1.
timeOut | the delay to wait to show the tip (how long the user must hover to have the tooltip appear). defaults to 100.
className | the class name to apply to the tooltip

#### Example

>     <img src="/images/i.png" title="The body of the tooltip is stored in the title" tooltitle="The Title of the Tooltip" class="toolTipImg"/>
>     <script>
>         var myTips = new Tips($S('.toolTipImg'), {
>             maxTitleChars: 50, //I like my captions a little long
>             maxOpacity: .9, //let's leave a little transparancy in there
>         });
>     </script>

My Object Oriented javascript.
Contains Function prototypes, utility functions and Chain.

> function $A( | array | )

Copy the array and returns it.
Same as Array.copy, but as function.
Contains Array prototypes and the function $A;
Contains String prototypes and Number prototypes.

> function $( | el | )

returns the element passed in with all the Element prototypes applied.
Contains useful Element prototypes, to be used with the dollar function $.
Applies visual transitions to any element.
A collection of transition equations for use with the <Fx> Class.