       @cssUrl = "http://localhost:8080/lib/boomerang.css"
     else
       @cssUrl = "https://s3.amazonaws.com/assets.heroku.com/boomerang/boomerang.css"
-    
+
     @app = @options.app
     @addon = @options.addon
-    
+
     # DOM Shortcuts
     @head = document.querySelector("head")
     @body = document.querySelector("body")
 
     @attachStylesheet()
     @attachDiv()
-    
+
     # Event Listeners
     window.addEventListener('click', @hideMenu)
     document.querySelector("#boomerang a.toggler").addEventListener('click', @toggleMenu)
-    
+
     # console.log @
+    @body.classList.add("boomerang")
 
   attachStylesheet: ->
     link = document.createElement("link")

    link.href = @cssUrl
    # link.onload = -> console.log "stylesheet loaded"
    @head.appendChild(link)
  
  attachDiv: ->
    @div = document.createElement("div")
    @div.className = "boomerang"

          <li><a href="https://devcenter.heroku.com">Documentation</a></li>
          <li><a href="https://help.heroku.com">Support</a></li>
        </ul>
      """
    @body.appendChild(@div)

  hideMenu: ->
    h = document.querySelector("#boomerang")
    h.classList.remove("active") if h

  toggleMenu: (e=null) ->
    document.querySelector("#boomerang").classList.toggle("active")
    # Don't let the click propage to window, or it will @hideMenu
