Ox.load(), and adding moved files

source/js/Ox.UI/Form/Ox.FormElementGroup.js

@@ -0,0 +1,74 @@
+// vim: et:ts=4:sw=4:sts=4:ft=js
+Ox.FormElementGroup = function(options, self) {
+
+    var self = self || {},
+        that = new Ox.Element('div', self)
+            .defaults({
+                id: '',
+                elements: [],
+                float: 'left',
+                separators: [],
+                width: 0
+            })
+            .options(options || {})
+            .addClass('OxInputGroup');
+
+    (
+        self.options.float == 'left' ?
+        self.options.elements : self.options.elements.reverse()
+    ).forEach(function($element, i) {
+        $element.css({
+                float: self.options.float // fixme: make this a class
+            })
+            .bindEvent({
+                validate: function(event, data) {
+                    that.triggerEvent({
+                        validate: data
+                    });
+                }
+            })
+            .appendTo(that);
+    });
+
+    /*
+    if (self.options.width) {
+        setWidths();
+    } else {
+        self.options.width = getWidth();
+    }
+    that.css({
+        width: self.options.width + 'px'
+    });
+    */
+
+    function getWidth() {
+        
+    }
+
+    function setWidth() {
+        
+    }
+
+    self.onChange = function(key, value) {
+
+    };
+
+    that.replaceElement = function(pos, element) {
+        Ox.print('Ox.FormElementGroup replaceElement', pos, element)
+        self.options.elements[pos].replaceWith(element.$element);
+        self.options.elements[pos] = element;
+    };
+
+    that.value = function() {
+        return $.map(self.options.elements, function(element) {
+            var ret = null;
+            ['checked', 'selected', 'value'].forEach(function(v) {
+                element[v] && (ret = element[v]());
+            });
+            return ret;
+        });
+    };
+
+    return that;
+
+};