 #This element is here to receive mouse events (clicks)
 class TrackerView extends Backbone.View
   className: 'tracker'
+
   events:
-    'mousedown' : 'start'
+    mousedown: 'start'
 
   start: (event)->
     event.preventDefault()
     origin =
       x: event.pageX
       y: event.pageY
-    @trigger 'drag:start', {origin: origin}
+    @trigger 'drag:start', origin: origin

#     dragbars
#     handles
class RotateContainerView extends Backbone.View

  className: 'rotateContainer'
  initialize: ->
    @handlerContainer = new HandlerContainerView
    @display = new DisplayContainerView

  # @chainable
  render: ->
    @$el
      .append(@display.render().el)
      .append(@handlerContainer.render().el)
    @


# display container that holds the content and the borders of the
# content
class DisplayContainerView extends Backbone.View

  className: 'displayContainer'
  initialize: ->
    @borders = for card, i in Cards.slice 0, 4
      new BorderView card: card

  # @chainable

  signedDir: (vector, comp)->
    vector[comp] / Math.abs(vector[comp])

Cards = 'n,s,e,w,nw,ne,se,sw'.split ','
ordCards = 's,sw,w,nw,n,ne,e,se'.split ','

# BlockView
class @BlockView extends Backbone.View
  className: 'zonard'

  # @params options {object}
