-#= require alchemy/alchemy.browser
 #= require alchemy/alchemy.i18n
 
 window.Alchemy = Alchemy || {}


    ElementSelector:

      # defaults
      scrollOffset: 20

      styles:
        reset:
          outline: ""
          "outline-offset": ""
          "-moz-outline-radius": ""
        default_hover:
          outline: "3px solid #F0B437"
          "outline-offset": "4px"
          cursor: "pointer"
        webkit_hover:
          outline: "4px auto #F0B437"
        moz_hover:
          "-moz-outline-radius": "3px"
        default_selected:
          outline: "3px solid #90B9D0"
          "outline-offset": "4px"
        webkit_selected:
          outline: "4px auto #90B9D0"
        moz_selected:
          "-moz-outline-radius": "3px"

      init: ->
        @elements = document.querySelectorAll("[data-alchemy-element]")

        if state == "reset"
          @styles["reset"]
        else
          @styles[state]

  Alchemy.ElementSelector.init()

