diff --git a/static/js/pandora/ui/Ox.FilesView.js b/static/js/pandora/ui/Ox.FilesView.js
new file mode 100644
index 0000000..3886b81
--- /dev/null
+++ b/static/js/pandora/ui/Ox.FilesView.js
@@ -0,0 +1,364 @@
+// vim: et:ts=4:sw=4:sts=4:ft=js
+
+Ox.FilesView = function(options, self) {
+
+    var self = self || {},
+        that = new Ox.Element({}, self)
+            .defaults({
+                id: ''
+            })
+            .options(options || {});
+
+    self.selected = [];
+
+    self.$toolbar = new Ox.Bar({
+        size: 24
+    });
+
+    self.$orderButton = new Ox.Button({
+            title: 'Change Order of Users...'
+        })
+        .css({
+            float: 'left',
+            margin: '4px'
+        })
+        .appendTo(self.$toolbar);
+
+    self.$moveButton = new Ox.Button({
+            disabled: 'true',
+            title: 'Move Selected Files...'
+        })
+        .css({
+            float: 'right',
+            margin: '4px'
+        })
+        .appendTo(self.$toolbar);
+
+    self.$filesList = new Ox.TextList({
+            columns: [
+                {
+                    align: 'left',
+                    id: 'users',
+                    operator: '+',
+                    title: 'Users',
+                    visible: true,
+                    width: 120
+                },
+                {
+                    align: 'left',
+                    id: 'folder',
+                    operator: '+',
+                    title: 'Folder',
+                    visible: true,
+                    width: 180
+                },
+                {
+                    align: 'left',
+                    id: 'name',
+                    operator: '+',
+                    title: 'Name',
+                    visible: true,
+                    width: 360
+                },
+                {
+                    align: 'left',
+                    id: 'type',
+                    operator: '+',
+                    title: 'Type',
+                    visible: true,
+                    width: 60
+                },
+                {
+                    align: 'right',
+                    id: 'part',
+                    operator: '+',
+                    title: 'Part',
+                    visible: true,
+                    width: 60
+                },
+                {
+                    align: 'right',
+                    format: {type: 'value', args: ['B']},
+                    id: 'size',                    
+                    operator: '-',
+                    title: 'Size',
+                    visible: true,
+                    width: 90
+                },
+                {
+                    align: 'right',
+                    format: {type: 'resolution', args: ['px']},
+                    id: 'resolution',
+                    operator: '-',
+                    title: 'Resolution',
+                    visible: true,
+                    width: 90
+                },
+                {
+                    align: 'right',
+                    format: {type: 'duration', args: [0, 'short']},
+                    id: 'duration',
+                    operator: '-',
+                    title: 'Duration',
+                    visible: true,
+                    width: 90
+                },
+                {
+                    align: 'left',
+                    id: 'oshash',
+                    operator: '+',
+                    title: 'Hash',
+                    unique: true,
+                    visible: false,
+                    width: 120
+                },
+                {
+                    align: 'left',
+                    id: 'instances',
+                    operator: '+',
+                    title: 'Instances',
+                    visible: false,
+                    width: 120
+                }
+            ],
+            columnsMovable: true,
+            columnsRemovable: true,
+            columnsResizable: true,
+            columnsVisible: true,
+            id: 'files',
+            items: function(data, callback) {
+                pandora.api.findFiles($.extend(data, {
+                    query: {
+                        conditions: [{
+                            key: 'id',
+                            value: self.options.id,
+                            operator: '='
+                        }]
+                    }
+                }), callback);
+            },
+            scrollbarVisible: true,
+            sort: [{key: 'name', operator: '+'}]
+        })
+        .bindEvent({
+            open: openFiles,
+            select: selectFiles
+        });
+
+    self.$instancesList = Ox.TextList({
+        columns: [
+            {
+                align: 'left',
+                id: 'user',
+                operator: '+',
+                title: 'User',
+                visible: true,
+                width: 120
+            },
+            {
+                align: 'left',
+                id: 'volume',
+                operator: '+',
+                title: 'Volume',
+                visible: true,
+                width: 120
+            },
+            {
+                align: 'left',
+                id: 'folder',
+                operator: '+',
+                title: 'Folder',
+                visible: true,
+                width: 180
+            },
+            {
+                align: 'left',
+                id: 'name',
+                operator: '+',
+                title: 'Name',
+                visible: true,
+                width: 360
+            },
+        ],
+        columnsMovable: true,
+        columnsRemovable: true,
+        columnsResizable: true,
+        columnsVisible: true,
+        id: 'files',
+        items: [],
+        scrollbarVisible: true,
+        sort: [{key: 'user', operator: '+'}]
+    });
+
+    self.$movieLabel = Ox.Label({
+            textAlign: 'center',
+            title: 'Move Selected Files to Another Movie',
+            width: 240
+        })
+        .css({margin: '8px'});
+
+    ['title', 'director', 'year', 'id'].forEach(function(key) {
+        self['$' + key + 'Input'] = Ox.Input({
+            clear: true,
+            id: key,
+            label: key == 'id' ? 'ID' : Ox.toTitleCase(key),
+            labelWidth: 64,
+            width: 240
+        })
+        .bindEvent({
+            change: function(data) {
+                var conditions;
+                if (data.value.length) {
+                    if (key == 'id') {
+                        conditions = [{key: 'id', value: data.value, operator: '='}]
+                    } else {
+                        conditions = Ox.map(['title', 'director', 'year'], function(key) {
+                            var value = self['$' + key + 'Input'].options('value')
+                            return value.length ? {key: key, value: value, operator: '='} : null;
+                        })
+                    }
+                    pandora.api.find({
+                        keys: ['title', 'director', 'year', 'id'],
+                        query: {
+                            conditions: conditions,
+                            operator: '&'
+                        },
+                        range: [0, 2]
+                    }, function(result) {
+                        var length = result.data.items.length;
+                        if (length == 0) {
+                            if (key != 'id') {
+                                self.$idInput.options({value: ''});
+                            }
+                        } else if (result.data.items.length == 1) {
+                            ['title', 'director', 'year', 'id'].forEach(function(key) {
+                                self['$' + key + 'Input'].options({
+                                    value: key == 'director'
+                                        ? result.data.items[0][key].join(', ')
+                                        : result.data.items[0][key]
+                                });
+                            });
+                        } else {
+                            self.$idInput.options({value: ''});
+                        }
+                    })
+                }
+            }
+        });
+    });
+
+    self.$checkbox = Ox.Checkbox({
+        checked: false,
+        id: 'go',
+        title: 'Go to this movie after moving files', // fixme: wrong, can be 'Go to video' etc
+        width: 240
+    });
+
+    self.$movieForm = Ox.Form({
+            items: [
+                self.$titleInput,
+                self.$directorInput,
+                self.$yearInput,
+                self.$idInput,
+                self.$checkbox
+            ],
+            width: 240
+        })
+        .css({margin: '8px'});
+
+    self.$clearButton = Ox.Button({
+            title: 'Clear Form',
+            width: 116
+        })
+        .css({margin: '0 4px 4px 8px'})
+        .bindEvent({
+            click: function() {
+                ['title', 'director', 'year', 'id'].forEach(function(key) {
+                    self['$' + key + 'Input'].options({value: ''})
+                });
+            }
+        });
+
+    self.$moveButton = Ox.Button({
+            disabled: true,
+            title: 'Move Files',
+            width: 116
+        })
+        .css({margin: '0 4px 4px 4px'})
+        .bindEvent({
+            click: function() {
+                var itemId = self.$idInput.value();
+                Ox.Request.clearCache(); // fixme: remove
+                pandora.api.moveFiles({
+                    ids: self.selected,
+                    itemId: itemId
+                }, function() {
+                    if(self.$checkbox.value()) {
+                        pandora.URL.set(itemId);
+                    } else {
+                        Ox.print('moved', self.selected, itemId);
+                        self.$filesList.reloadList();
+                        self.$instancesList.reloadList();
+                    }
+                });
+            }
+        });
+
+    self.$moviePanel = Ox.Element()
+        .append(self.$movieLabel)
+        .append(self.$movieForm)
+        .append(self.$clearButton)
+        .append(self.$moveButton);
+
+    that.$element = Ox.SplitPanel({
+            elements: [
+                {
+                    element: Ox.SplitPanel({
+                        elements: [
+                            {
+                                element: self.$toolbar,
+                                size: 24
+                            },
+                            {
+                                element: self.$filesList
+                            },
+                            {
+                                element: self.$instancesList,
+                                size: 80
+                            }
+                        ],
+                        orientation: 'vertical'
+                    })
+                },
+                {
+                    collapsible: true,
+                    element: self.$moviePanel,
+                    size: 256
+                }
+            ],
+            orientation: 'horizontal'
+        });
+
+    function openFiles(event, data) {
+        Ox.print('........', JSON.stringify(self.$filesList.value(data.ids[0], 'instances')))
+    }
+
+    function selectFiles(data) {
+        Ox.print('........', JSON.stringify(self.$filesList.value(data.ids[0], 'instances')))
+        self.selected = data.ids;
+        self.$instancesList.options({
+            items: data.ids.length == 1
+                ? self.$filesList.value(data.ids[0], 'instances') : []
+        });
+        updateForm();
+    }
+
+    function updateForm() {
+        self.$moveButton.options({
+            disabled: self.selected.length === 0
+        });
+    }
+
+    return that;
+
+};
diff --git a/static/json/pandora.json b/static/json/pandora.json
index 6be5004..1f2da0d 100644
--- a/static/json/pandora.json
+++ b/static/json/pandora.json
@@ -5,9 +5,9 @@
   "js/pandora/autovalidate.js", 
   "js/pandora/UI.js", 
   "js/pandora/ui/info.js", 
-  "js/pandora/ui/homePage.js", 
   "js/pandora/ui/rightPanel.js", 
   "js/pandora/ui/folderBrowserList.js", 
+  "js/pandora/ui/homePage.js", 
   "js/pandora/ui/group.js", 
   "js/pandora/ui/toolbar.js", 
   "js/pandora/ui/statusbar.js", 
@@ -23,6 +23,7 @@
   "js/pandora/ui/mainPanel.js", 
   "js/pandora/ui/sortSelect.js", 
   "js/pandora/ui/menu.js", 
+  "js/pandora/ui/Ox.FilesView.js", 
   "js/pandora/ui/viewSelect.js", 
   "js/pandora/ui/browser.js", 
   "js/pandora/ui/list.js", 
@@ -39,4 +40,4 @@
   "js/pandora/ui/appPanel.js", 
   "js/pandora/ui/flipbook.js", 
   "js/pandora/ui/editor.js"
-]
\ No newline at end of file
+]