         title   : "Table of contents"
         gravity : "sw"
 
+    @showMeButton = new KDCustomHTMLView
+      tagName   : "a"
+      partial   : "Show me how!"
+      cssClass  : "cta_button"
+      click     : (pubInst, event)=> @showMeButtonClicked()
+
+    @pagerWrapper.addSubView @showMeButton
+
+
     @pageNav.addSubView new KDCustomHTMLView
       tagName   : "a"
       partial   : "◀"

      @utils.wait 600, =>
        @continueNextMove()

    @selectedMenuItem = @mainView.sidebar.nav.items.filter (x) -> x.name is menuItem    
    selectedMenuItemOffset = @selectedMenuItem[0].$().offset()

    @pointer.$().offset selectedMenuItemOffset

      # move cursor to file tree menu
      @pointer.$().offset
        top     : vmOffset.top
        left    : vmOffset.left

  showVMMenu:->
    @mainView.sidebar.animateLeftNavOut()
    @pointer.once 'transitionend', =>
      # make click action
      @clickAnimation()
      # open VM menu
      @mainView.sidebar.resourcesController.itemsOrdered[0].chevron.$().click()
      # wait 3 sec.
      @utils.wait 2000, =>
        # remove pointer
        #@pointer.destroy()

    # TODO !!! should remove that class on pageNext
    @setClass 'moveUp'
    @mainView.once 'transitionend', =>
