DesignTable = function(className, styleName) {
	// Class DesignTable
	this.className = className;
	this.styleName = styleName;
	
	this.layoutTables = function() {
		var allTables = document.getElementsByTagName("table");
		for (i in allTables) {
			var table = allTables[i];
			if (table.className == this.className) {
				this.layout(table);
			}
		}
	}
}

/**
 * This array contains all the registered styles.
 *
 */
DesignTable.styles = Array();

DesignTable.register = function(tableDesign) {
	DesignTable.styles[DesignTable.styles.length] = tableDesign;
}

DesignTable.get = function(className) {
	for (style in DesignTable.styles) {
		if (DesignTable.styles[style].className == className) {
			return DesignTable.styles[style];
		}
	}
}
/*
DesignTable.layoutAllTables = function() {
	for (style in DesignTable.styles) {
		style.layoutTables();
	}
}
*/
DesignTable.layoutAllTables = function() {
	for (style in DesignTable.styles) {
		DesignTable.styles[style].layoutTables();
	}
}