       {id, header, content, tipselector, tipmessage, tipheading, tipnext, modal} = theStep
       if header? then @changeHeader(header)
       if content? then @changeContent(content)
-      if tipselector?
-        theHtml = tipmessage+(if tipnext then '<span class="grey-button tutorial-next-button">Next &rarr;</span>' else '')
-        $(tipselector).qtip 
-          content: theHtml
-          position: 
-            my: 'top center'
-            at: 'bottom center'
-            viewport: $(window)
-          show:
-            event: false
-            ready: true  
-          hide: false
-          events: 
-            render: (event, api) ->
-              if tipnext then $('.tutorial-next-button').bind 'click', ->
-                api.hide()
-                Tutorial.doStep()
+      if tipselector? then @displayTip(tipselector, tipmessage, tipheading, tipnext)
       if modal?
         if modal then @show() else @hide()
       @steps[nextIndex] = undefined

      checker()
      


      backdrop: 'static'
      keyboard: false
      show: false

    @initSteps()

    @nextStepIndex = 0

    html = '<div id="tutorial-window" class="modal hide fade" tabindex="-1" role="dialog" aria-labelledby="myModalLabel" aria-hidden="true">
              <div class="modal-header">
                <!--<button type="button" class="close" data-dismiss="modal" aria-hidden="true">×</button>-->
