﻿(function($) {
	$.fn.tegoNav = function(options) {
		options = $.extend({
			overlap : 10,
			speed : 500,
			reset : 1500,
			color : '#acbc2d',
			easing : 'easeOutSine',
			currentPI : '.current_page_item'
		}, options);
		
		return this.each(function() {
		
			var nav = $(this),
				currentPageItem = $(options.currentPI, nav),
				blob,
				reset;
				
			$('<li id="blob"></li>').css({
				width : currentPageItem.outerWidth(),
				height : currentPageItem.outerHeight() + options.overlap,
				left : currentPageItem.position().left,
				top : currentPageItem.position().top - options.overlap / 2,
				backgroundColor : options.color
			}).appendTo(this);
		
			blob = $('#blob', nav);
			
			$('li:not(#blob)', nav).hover(function() {
				clearTimeout(reset);
				blob.animate(
					{
						left : $(this).position().left,
						width : $(this).width()
					},
					{
						duration : options.speed,
						easing : options.easing,
						queue : false
					}
				);
			}, function() {
				reset = setTimeout(function() {
					blob.animate({
						width : currentPageItem.outerWidth(),
						left : currentPageItem.position().left
					}, options.speed)
				}, options.reset);
			});
			
		});
	};


})(jQuery);
