revised controls (find, volume)

demos/video/js/video.js

@@ -32,17 +32,17 @@ Ox.load('UI', {
         videoSize = getVideoSize(),
         $videos = [
             Ox.VideoPlayer({
-                    controls: ['play', 'mute', 'fullscreen', 'scale', 'timeline', 'position'],
+                    controlsBottom: ['play', 'volume', 'scale', 'timeline', 'position'],
+                    controlsTop: ['fullscreen', 'title', 'find'],
                     enableFind: true,
                     enableFullscreen: true,
                     enableKeyboard: true,
+                    enableVolume: true,
                     focus: 'mouseenter',
                     height: 192,
-                    'in': 3128.725, 
                     logoLink: 'http://next.0xdb.org/' + id,
                     logoTitle: 'Watch on 0xdb',
                     logo: 'png/logo.png',
-                    out: 3130.725,
                     paused: true,
                     poster: poster,
                     showIconOnLoad: true,
@@ -51,7 +51,7 @@ Ox.load('UI', {
                     timeline: function(i) {
                         return 'png/timeline.16.' + i + '.png';
                     },
-                    title: '<b>Brick</b> - Rian Johnson - 2005',
+                    title: 'Brick - Rian Johnson - 2005',
                     video: url + '?' +  + Ox.random(1000000),
                     width: 360
                 })
@@ -78,9 +78,8 @@ Ox.load('UI', {
                     top: '16px'
                 }),
             Ox.VideoPlayer({
-                    controls: ['play', 'playInToOut', 'mute', 'size', 'space', 'position'],
+                    controlsBottom: ['play', 'playInToOut', 'mute', 'size', 'space', 'position'],
                     externalControls: true,
-                    find: 'brick',
                     height: 192,
                     'in': 3128.725, 
                     out: 3130.725,

source/Ox.UI/js/Form/Ox.Input.js

@@ -733,6 +733,11 @@ Ox.Input = function(options, self) {
         }
     };
 
+    that.blurInput = function() {
+        self.$input.blur();
+        return that;
+    };
+
     that.focusInput = function(select) {
         select = Ox.isUndefined(select) ? true : select;
         self.$input.focus();

source/Ox.UI/js/Video/Ox.SmallVideoTimelineImage.js

@@ -3,7 +3,7 @@ Ox.SmallVideoTimelineImage = function(options, self) {
     self = self || {};
     var that = Ox.Element({}, self)
         .defaults({
-            duration: 0,
+            duration: 1920,
             editing: false,
             getTimelineURL: null,
             'in': 0,
@@ -120,7 +120,7 @@ Ox.SmallVideoTimelineImage = function(options, self) {
                     });
                 });
             });
-        } else if (image == 'selection') {
+        } else if (image == 'selection' && self.options.out > self.options['in']) {
             var left = Math.round(
                     self.options['in'] * self.options.width / self.options.duration
                 ),