finding pjax

subnav.coffee

$ -> 

  $('.subnav a').on 'click', (event) ->
    event.preventDefault()

    # Find the section of the page to load the new content
    currentSection = '#' + $(this).closest('section').attr('id')
    # Find the div that pjax should replace
    changeContent = '#' + $(currentSection + ' .pjax-content').attr('id')
    #fetch the new content and animate it in
    page = $(this).attr('href')

    $.pjax({
      url: page,
      container: changeContent
      })

    animateOut = changeContent + ' .animate-out'
    animateIn = changeContent + ' .animate-in'

    $(changeContent).on('pjax:beforeSend', ->
      Animate.fadeOutRight(animateOut)
      $(changeContent).spin()
      )
    $(changeContent).on('pjax:end', ->
      $(changeContent).spin(false)
      Animate.fadeIn(animateIn)
      )
    previousNavElement = $(this).closest('li').index()