OnMouseOver pause or stop the setTimeOut function
<p>Hi I have twitter bootstrap alert here, wherein I implemented a duration/delay and after 1 second it disappears...</p>

<p>But i want to accomplish is that when I hover the flash alert, the setTimeOut pauses for a while or stops.</p>

<p>Here is my js file:</p>

<pre><code>var hideFlashes;

$(document).ready(function() {
  return setTimeout(hideFlashes, 1000);
});

hideFlashes = function() {
  return $(".alert").fadeOut(4000);
};
</code></pre>

<p>I am calling the div class `alert</p>

<pre><code>&lt;div class="alert alert-info" id="info"&gt;
        &lt;button type="button" class="close" data-dismiss="alert"&gt;&amp;times;&lt;/button&gt;
        &lt;p&gt;&lt;strong&gt;Oppcis Tips:&lt;/strong&gt;
        You have the privileges to view, add, edit or delete specific agencies.
        &lt;/p&gt;
    &lt;/div&gt;
</code></pre>

<p>I really want to know how to <code>stop</code> a certain fading timer.</p>

<p>Any workarounds will be appreciated.</p>
