jQuery start hover animation when mouse stops
===

So I have a sliding door style animation that as of now fires off when the mouse hovers over the box (my example is provided below). Rather than it firing off immediately when the mouse hovers over the div I actually want the hover animation to only happen when the mouse stops on the div, much like it does in the chrome web store when you stop the mouse on one of the app containers (https://chrome.google.com/webstore/category/home)

My Current Example
http://jsfiddle.net/fvXgK/

Thanks for any help you can provide!!