delayedEnter, delayedLeave, and delayedHover.js

/*
 * jQuery special events for delayedEnter, delayedLeave, and delayedHover
 * Author: Scott Jehl, [email protected]
 * Copyright (c) 2011 Filament Group 
 * licensed under MIT
 * note: Each event can be used with bind or live event handling as you would use mouseenter,mouseleave, and hover
 * events fire after 200ms timeout
*/
(function($){
//delayedEnter event
$.map('delayedEnter delayedLeave'.split(' '), function( eventname ) {

$.event.special[ eventname ] = {
	enabled: true,
	
	setup: function() {
		var thisObject = this,
			$this = $( thisObject ),
			timeout = $.fn[ eventname ].delay,
			hovering,
			timer;
		
		function trigger( event ) {
			var originalType = event.type;
			event.type = eventname;
			$.event.handle.call( thisObject, event );
			event.type = originalType;
		}
		function func1( event ) {
			if ( !$.event.special[ eventname ].enabled ) {
				return;
			}
			hovering = true;

			clearTimeout( timer );
				
			timer = setTimeout(function() {
				if ( hovering ) {
					trigger( event );
				}
			}, timeout );
		}
		function func2( event ) {
			hovering = false;
		}
		$this.bind({
			"mouseenter": ( eventname == "delayedEnter" ? func1 : func2 ),
			"mouseleave": ( eventname == "delayedEnter" ? func2 : func1 )
		});
	}
};

//make available as method
$.fn[ eventname ] = function( fn ) {
	return fn ? this.bind( eventname, fn ) : this.trigger( eventname );
};
$.fn[ eventname ].delay = 200;
$.attrFn[ eventname ] = true;

});

//proxy similar to jQuery's hover
//if leaveCallback isn't defined, enterCallback will apply to both
$.fn.delayedHover = function( enterCallback, leaveCallback ){
	return this.delayedEnter(enterCallback).delayedLeave( leaveCallback || enterCallback );
};
})(jQuery);