title: Delay CSS hover/mouseover effect with JavaScript
body: <p>I found a very nice image gallery script that uses only CSS here: <a href="http://host.sonspring.com/hoverbox/" rel="nofollow">http://host.sonspring.com/hoverbox/</a></p>
  
  <p>The only thing keeping me from using it is that the hover effect is too fast. I would like to delay the hover effect by about a second; meaning the image will not enlarge unless you mouseover for a second. How can I do this with JavaScript?</p>