<Meta charset="utf-8"> <Meta http-equiv="X-UA-Compatible" content="IE=edge"> <Meta name="viewport" content="width=device-width,initial-scale=1"> <Meta name="Generator" content="EditPlus®"> <Meta name="Author" content=""> <Meta name="Keywords" content=""> <Meta name="Description" content="">

$.fn.spasticNav = function(options) {

options = $.extend({
overlap : 15,speed : 500,reset : 1500,color : '#9f1f31',easing : 'eaSEOutExpo'
},options);

return this.each(function() {

var nav = $(this),currentPageItem = $('#selected',nav),blob,reset;

$('<li id="blob">').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() {
// 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);

});

}); // end each

};

})(jQuery);