class Pettanr.Views.GroundPicture.Element extends Backbone.View
  tagName: 'div'
  className: 'pettanr-comic-ground-picture'
  
  initialize: (options) ->
    @element = options.element
    @root = options.root
    @spot = options.spot
  
  render: () ->
    s = @style(@spot)
    _.extend(s, @style_wh())
    attr = {
      style: Pettanr.to_style(s)
    }
    this.$el.attr(attr)
    this
  
  style: (spot = null, opacity = 20) ->
    r = {
      position: 'absolute', 
      top: '0px', 
      left: '0px',
      'z-index': @element.get('z'), 
      'background-image': 'url(' + @element.picture().r_url() + ')', 
      'background-repeat': @element.repeat_text(), 
      'background-position': Pettanr.to_s(@element.get('x')) + 'px ' + Pettanr.to_s(@element.get('y')) + 'px'
    }
    r
  
  style_wh: () ->
    {
      width: Pettanr.to_s(@root.get('width')) + 'px', 
      height: Pettanr.to_s(@root.get('height')) + 'px'
    }
  
class Pettanr.Views.GroundPicture.Element.Edit extends Pettanr.Views.GroundPicture.Element