control behavior of jQuery tooltip
<p><br>
I'm looking for a very specific behaviour from a tooltip, which I can't seem to find out of the box.<br>
My requirements are:<br>
1. tooltip should appear when item is hovered over.<br>
2. tooltip should disappear after item is hovered-out.<br>
3. tooltip should remain visible when:  mouse is over the tooltip<br>
   OR<br>
4. tooltip should remain visible when a user clicks the item<br>
(either option 3 or 4 is acceptable on its own). </p>

<p>the first two are trivial, of course, but the third is tricky-  </p>

<ul>
<li><p><a href="http://plugins.learningjquery.com/cluetip/demo/" rel="nofollow">cluetip</a> has an option to leave the tooltip open until closed by the user, but that's not exactly what I want (I want the tooltip to remain open only if the user has clicked the item).</p>

<ul>
<li>perhaps I could change cluetip's behaviour in runtime (i.e- defaultly the behaviour would be 'close normally', but when a user clicks the item - the cluetip behaviour would change to 'close by user')?</li>
</ul></li>
<li><p><a href="http://www.lullabot.com/files/bt/bt-latest/DEMO/index.html" rel="nofollow">beautyTip</a> has a variety of events to configure for show / hide, but I couldn't think of a combination I could use.  </p></li>
</ul>

<p>Any thoughts?<br>
Thanks,<br>
Jhonny</p>
