(
  function ( $ )
  {
    $.fn.spinner = function( options )
    {
      var defaults =
      {
        interval: 1,

        spinUpHtml: '<a href="#">up</a>',
        spinDownHtml: '<a href="#">down</a>',


        onSpin: function( el, interval )
        {
          return true;
        },

        onSpinUp: function( el, interval )
        {
          var val = parseFloat( el.val() );

          if ( el.val() == '' )
          {
            var val = 0;
          }

          el.val( val + interval );
          return true;
        },

        onSpinDown: function( el, interval )
        {
          var val = parseFloat( el.val() );

          if ( el.val() == '' )
          {
            var val = 0;
          }

          el.val( val - interval );
          return true;
        }
      };

      var options = $.extend( defaults, options );

      return this.each(
        function()
        {
          var input = $( this );

          input.bind({
            spin: function(){ options.onSpin( input, options.interval ) },
            spinup: function(){ options.onSpinUp( input, options.interval ) },
            spindown: function(){ options.onSpinDown( input, options.interval ) }
          });

          $( '<div id="spinup">' + options.spinUpHtml + '</div><div id="spindown">' + options.spinDownHtml + '</div>' ).insertAfter( this );

          $( '#spinup' ).click(
            function( event )
            {
              input.trigger( 'spin' );
              input.trigger( 'spinup' );

              event.preventDefault();
            }
          );

          $( '#spindown' ).click(
            function( event )
            {
              input.trigger( 'spin' );
              input.trigger( 'spindown' );

              event.preventDefault();
            }
          );
        }
      );
    };
  }
)( jQuery );