(function($) { $.fn.glowbuttons = function(options) { var opts = $.extend({}, $.fn.glowbuttons.defaults, options); return this.each(function() { var button = $(this); var o = $.metadata ? $.extend({}, opts, button.metadata()) : opts; button.wrap('<span class="glow-button"><span class="inner"></span></span>'); button.css('display', $.browser.msie ? 'inline-block' : 'block'); button.parent().each(function() { var innerWrapper = $(this); innerWrapper.css('display', $.browser.msie ? 'inline-block' : 'block'); if ($.browser.msie) { innerWrapper.css({ 'position': 'relative', 'left': '-1px' }) } innerWrapper.parent().each(function() { var outerWrapper = $(this); outerWrapper.css('display', $.browser.mozilla ? '-moz-inline-box' : 'inline-block'); outerWrapper.css('backgroundColor', o.from); if ($.browser.msie && $.browser.version < 7) { outerWrapper.addClass('ie6') } }).addClass(o.className).hover(function() { $(this).stop(); $(this).animate({ backgroundColor: o.to }, o.speed) }, function() { $(this).stop(); $(this).animate({ backgroundColor: o.from }, o.speed) }) }) }) }; $.fn.glowbuttons.defaults = { from: '#016bbd', to: '#b1ddff', className: 'blue', speed: 1000} })(jQuery);