(function($) {

	$.fn.rollNav = function(options) 
	{
	
		options = $.extend
		(
			{
				overlap : 20,
				speed : 500,
				reset : 1500,
				color : '#0b2b61',
				easing : 'easeOutExpo'
			}, 
			options
		);
	
		return this.each
		(
			function() 
			{
				var nav = $(this),
					currentPageItem = $('.menuitemselected', nav),
					blob,
					reset;
					
				$('<li id="blob"></li>').css
				(
					{
						//backgroundColor : options.color,
						width : currentPageItem.outerWidth(),
						height : currentPageItem.outerHeight() + options.overlap,
						left : currentPageItem.position().left,
						top : currentPageItem.position().top - options.overlap / 2
					}
				).appendTo(this);
				
				blob = $('#blob', nav);
							
				$('li:not(#blob)', nav).hover
				(
					function() 
					{
						// mouse over
						clearTimeout(reset);
						blob.animate
						(
							{
								left : $(this).position().left,
								width : $(this).width()
							},
							{
								duration : options.speed,
								easing : options.easing,
								queue : false
							}
						);
					}, function() 
					{
						// mouse out	
						reset = setTimeout
						(
							function() 
							{
								blob.animate
								(
									{
										width : currentPageItem.outerWidth(),
										left : currentPageItem.position().left
									}, 
									options.speed
								)
							}, options.reset
						);
						
					}
				);
			}
		);
	};

})(jQuery);