$ = require 'jquery'
_ = require 'underscore'
PaneAxis = require 'pane-axis'

module.exports =
class PaneColumn extends PaneAxis
  @content: ->
    @div class: 'column'

  className: ->
    "PaneColumn"

  adjustDimensions: ->
    totalUnits = @verticalGridUnits()
    unitsSoFar = 0
    for child in @children()
      child = $(child).view()
      childUnits = child.verticalGridUnits()
      child.css
        width: '100%'
        height: "#{childUnits / totalUnits * 100}%"
        top: "#{unitsSoFar / totalUnits * 100}%"
        left: 0

      child.adjustDimensions()
      unitsSoFar += childUnits

  horizontalGridUnits: ->
    Math.max(@horizontalChildUnits()...)

  verticalGridUnits:   ->
    _.sum(@verticalChildUnits())