// ### This module accounts for the main svg document

//
SVG.Doc = function(element) {
  /* ensure the presence of a html element */
  this.parent = typeof element == 'string' ?
    document.getElementById(element) :
    element
  
  /* If the target is an svg element, use that element as the main wrapper.
     This allows svg.js to work with svg documents as well. */
  this.constructor
    .call(this, this.parent.nodeName == 'svg' ? this.parent : SVG.create('svg'))
  
  /* set svg element attributes */
  this
    .attr({ xmlns: SVG.ns, version: '1.1', width: '100%', height: '100%' })
    .attr('xlink', SVG.xlink, SVG.ns)
  
  /* create the <defs> node */
  this._defs = new SVG.Defs
  this.node.appendChild(this._defs.node)
  
  /* ensure correct rendering */
  if (this.parent.nodeName != 'svg')
    this.stage()
}

// Inherits from SVG.Container
SVG.Doc.prototype = new SVG.Container

//
SVG.extend(SVG.Doc, {
  // Hack for safari preventing text to be rendered in one line.
  // Basically it sets the position of the svg node to absolute
  // when the dom is loaded, and resets it to relative a few milliseconds later.
  // It also handles sub-pixel offset rendering properly.
  stage: function() {
    var check
      , element = this
      , wrapper = document.createElement('div')

    /* set temporary wrapper to position relative */
    wrapper.style.cssText = 'position:relative;height:100%;'

    /* put element into wrapper */
    element.parent.appendChild(wrapper)
    wrapper.appendChild(element.node)

    /* check for dom:ready */
    check = function() {
      if (document.readyState === 'complete') {
        element.style('position:absolute;')
        setTimeout(function() {
          /* set position back to relative */
          element.style('position:relative;')

          /* remove temporary wrapper */
          element.parent.removeChild(element.node.parentNode)
          element.node.parentNode.removeChild(element.node)
          element.parent.appendChild(element.node)

          /* after wrapping is done, fix sub-pixel offset */
          element.fixSubPixelOffset()
          
          /* make sure sub-pixel offset is fixed every time the window is resized */
          SVG.on(window, 'resize', function() {
            element.fixSubPixelOffset()
          })
          
        }, 5)
      } else {
        setTimeout(check, 10)
      }
    }

    check()

    return this
  }

  // Creates and returns defs element
, defs: function() {
    return this._defs
  }

  // Fix for possible sub-pixel offset. See:
  // https://bugzilla.mozilla.org/show_bug.cgi?id=608812
, fixSubPixelOffset: function() {
    var pos = this.node.getScreenCTM()
  
    this
      .style('left', (-pos.e % 1) + 'px')
      .style('top',  (-pos.f % 1) + 'px')
  }
  
})