$ ->

  link = []
  ptitleCont = ""
  $(document).on 'page:before-change', ->
    link = []
    ptitleCont = ""


  $el = $('#main_nav')
    # Opening/closing left-side menu
  $el.find('.openMenu').on 'click', (e) ->
    $(this).parent().addClass 'open'

  $el.find('.closeMenu').on 'click', (e) ->
    $(this).closest('.nav-menu').removeClass 'open'

  # Opening menu panel according to current url
  selectedItem = $el.find('.active')
  selectedItem.closest('.panel-collapse').addClass 'in'
  selectedItem.closest('.panel-title').children('a').attr('aria-expanded') == true

  sticker = () ->
    limit = 51

    if $(window).scrollTop() >= limit
      if ($('.page-action .small').length > 0)
        data = $('.page-action .small')[0].innerHTML

      if ($(".page-title").length > 0)
        ptitleCont = $(".page-title").html()

      stickyContent = '<div class="sticky-content">'
      stickyContent += '<div class="sticky-ptitle">' + ptitleCont + '</div>'
      stickyContent += '<div class="sticky-paction"><div class="small">' + data + '</div></div>'
      stickyContent += '</div>'
      $('#main_nav').addClass 'sticky'

      if $('#menu_top').find('.sticky-content').length == 0
        if ptitleCont.length > 0
          $('#menu_top').children('.menu-content').after(stickyContent)
        if link.length == 0
          link = $('.page-action .small').next()

        $('.sticky-paction .small').after(link)

    else
      $('#main_nav').removeClass 'sticky'

      if $('#menu_top').find('.sticky-content').length > 0
        if !$('.page-action').find('.formSubmitr').length
          $('.page-action .small').after(link)
        $('.sticky-content').remove()

  sticker();
  # Sticky behavior
  $(document).on 'scroll', sticker