// List font style attributes as they should be applied to style 
var _styleAttr = ('size family weight stretch variant style').split(' ')

SVG.Text = function() {
  this.constructor.call(this, SVG.create('text'))
  
  /* define default style */
  this.styles = {
    'font-size':    16
  , 'font-family':  'Helvetica, Arial, sans-serif'
  , 'text-anchor':  'start'
  }
  
  this._leading = 1.2
  this._base = 0.276666666
}

// Inherit from SVG.Element
SVG.Text.prototype = new SVG.Shape

//
SVG.extend(SVG.Text, {
  // Move over x-axis
  x: function(x, a) {
    /* act as getter */
    if (x == null) return a ? this.attr('x') : this.bbox().x
    
    /* set x taking anchor in mind */
    if (!a) {
      a = this.style('text-anchor')
      x = a == 'start' ? x : a == 'end' ? x + this.bbox().width : x + this.bbox().width / 2
    }
    
    return this.attr('x', x)
  }
  // Move center over x-axis
, cx: function(x, a) {
    return x == null ? this.bbox().cx : this.x(x - this.bbox().width / 2)
  }
  // Move center over y-axis
, cy: function(y, a) {
    return y == null ? this.bbox().cy : this.y(a ? y : y - this.bbox().height / 2)
  }
  // Move element to given x and y values
, move: function(x, y, a) {
    return this.x(x, a).y(y)
  }
  // Move element by its center
, center: function(x, y, a) {
    return this.cx(x, a).cy(y, a)
  }
  // Set the text content
, text: function(text) {
    /* act as getter */
    if (text == null)
      return this.content
    
    /* remove existing lines */
    this.clear()
    
    /* update the content */
    this.content = SVG.regex.isBlank.test(text) ? 'text' : text
    
    var i, il
      , lines = text.split('\n')
    
    /* build new lines */
    for (i = 0, il = lines.length; i < il; i++)
      this.tspan(lines[i])
      
    return this.attr('textLength', 1).attr('textLength', null)
  }
  // Create a tspan
, tspan: function(text) {
    var tspan = new SVG.TSpan().text(text)
    
    /* add new tspan */
    this.node.appendChild(tspan.node)
    this.lines.push(tspan)
    
    return tspan.attr('style', this.style())
  }
  // Set font size
, size: function(size) {
    return this.attr('font-size', size)
  }
  // Set / get leading
, leading: function(value) {
    /* act as getter */
    if (value == null)
      return this._leading
    
    /* act as setter */
    this._leading = value
    
    return this.rebuild('leading', value)
  }
  // rebuild appearance type
, rebuild: function() {
    var i, il
      , size = this.styles['font-size']
    
    /* define position of all lines */
    for (i = 0, il = this.lines.length; i < il; i++)
      this.lines[i].attr({
        dy: size * this._leading - (i == 0 ? size * this._base : 0)
      , x: (this.attr('x') || 0)
      , style: this.style()
      })
    
    return this
  }
  // Clear all lines
, clear: function() {
    /* remove existing child nodes */
    while (this.node.hasChildNodes())
      this.node.removeChild(this.node.lastChild)
    
    this.lines = []
    
    return this
  }
  
})

//
SVG.extend(SVG.Container, {
  // Create text element
  text: function(text) {
    return this.put(new SVG.Text().text(text))
  }

})

// tspan class
SVG.TSpan = function() {
  this.constructor.call(this, SVG.create('tspan'))
}

// Inherit from SVG.Shape
SVG.TSpan.prototype = new SVG.Shape

// Include the container object
SVG.extend(SVG.TSpan, {
  // Set text content
  text: function(text) {
    this.node.appendChild(document.createTextNode(text))
    
    return this
  }
  
})