(function($){
  // dom ready
  $( function(){
    var $panier = $( '#panier' );
    var $deroul = $( '#panier-deroul' );
    $deroul.hide().remove();
 
    $panier.hover(
      function()
      {

        $deroul.slideDown( 'fast' );
        var timeout = $panier.data( 'timeout' );
        if ( timeout )
        {
          window.clearTimeout( timeout );
        } 
      },

      function()
      {
        var timeout = window.setTimeout( function(){
          $deroul.slideUp( 'fast' );
        }, 500);

        $panier.data( 'timeout', timeout );
      }
    );

    $deroul.hover(
      function()
      {
        var timeout = $panier.data( 'timeout' );
        if ( timeout )
        {
          window.clearTimeout( timeout );
        }
      },

      function()
      {
        var timeout = window.setTimeout( function(){
          $deroul.slideUp( 'fast' );
        }, 100);
        $panier.data( 'timeout', timeout );
      }
    );
  });
})(jQuery);