From 2d98dfe7543dc77cd8e8159f263a5369b341b01a Mon Sep 17 00:00:00 2001
From: rolux <rolux@rolux.org>
Date: Tue, 24 May 2011 22:22:18 +0200
Subject: [PATCH] animate left/right textlist scrolling

---
 source/Ox.UI/js/List/Ox.TextList.js | 10 ++++++----
 1 file changed, 6 insertions(+), 4 deletions(-)

diff --git a/source/Ox.UI/js/List/Ox.TextList.js b/source/Ox.UI/js/List/Ox.TextList.js
index f7ecfb2c..5d2e2423 100644
--- a/source/Ox.UI/js/List/Ox.TextList.js
+++ b/source/Ox.UI/js/List/Ox.TextList.js
@@ -61,12 +61,14 @@ Ox.TextList = function(options, self) {
             .addClass('OxTextList')
             .bindEvent({
                 key_left: function() {
-                    var $element = that.$body.$element;
-                    $element[0].scrollLeft = $element[0].scrollLeft - $element.width();
+                    var $element = that.$body.$element,
+                        scrollLeft = $element[0].scrollLeft - $element.width();
+                    $element.animate({scrollLeft: scrollLeft}, 250);
                 },
                 key_right: function() {
-                    var $element = that.$body.$element;
-                    $element[0].scrollLeft = $element[0].scrollLeft + $element.width();
+                    var $element = that.$body.$element,
+                        scrollLeft = $element[0].scrollLeft + $element.width();
+                    $element.animate({scrollLeft: scrollLeft}, 250);
                 },
                 keys: find
             });