goog.provide('oneup.ui.ColumnPage');

goog.require('goog.dom');
goog.require('oneup.ui.Page');

oneup.ui.ColumnPage = function(columnWidths) {
	oneup.ui.Page.call();

	columnWidths = columnWidths || [1];
	
	this.holder = goog.dom.createDom('div', {'class' : 'columnHolder'});
	this.columns = [];
	for (var i = 0; i < columnWidths.length; i++) {
		var columnOuter = goog.dom.createDom('div', {'class': 'columnOuter', 'style':'width:'+(columnWidths[i]*100)+'%;'});
		var column = goog.dom.createDom('div', {'class': 'column'});
		columnOuter.appendChild(column);
		this.columns.push(column);
		this.holder.appendChild(columnOuter);
	}
	this.holder.appendChild(goog.dom.createDom('div', {'class': 'clear'}));
}
goog.inherits(oneup.ui.ColumnPage, oneup.ui.Page);