gistfile1.coffee

spinOptions =
  lines:  12
  length: 4
  width:  2
  radius: 4
  color:  '#333'

fadeInTime  = 400
minTime     = 400
fadeOutTime = 600

$ ->
  spinner = $('#spinner')

  spinner.bind 'ajaxSend', ->
    return if spinner.data('spinner')?

    spinner.queue ->
      spinner.data('spinner', new Spinner(spinOptions).spin())

      spinner.hide()
        .append(spinner.data('spinner').el)
        .fadeIn(fadeInTime)
        .queue ->
          setTimeout((-> spinner.dequeue()), minTime)
        .dequeue()

  .bind 'ajaxComplete', ->
    return if !spinner.data('spinner')?

    spinner.fadeOut fadeOutTime, ->
      return if !spinner.data('spinner')?

      spinner.data('spinner').stop()
      spinner.data('spinner', null)
      spinner.empty()