diff -r 7c394ea40f28 -r b2d068afdbd8 integration/js/medialist-serializer.js
--- a/integration/js/medialist-serializer.js	Mon Oct 29 18:11:09 2012 +0100
+++ b/integration/js/medialist-serializer.js	Tue Oct 30 18:44:45 2012 +0100
@@ -3,14 +3,17 @@
         IriSP.jQuery.getJSON(_url, _callback);
     },
     deSerialize : function(_data, _source) {
+        var colors = ["#1f77b4","#ff7f0e","#2ca02c","#d62728","#9467bd","#8c564b","#e377c2","#7f7f7f","#bcbd22","#17becf"];
         var _medialist = new IriSP.Model.List(_source.directory);
-        IriSP._(_data).each(function(_m) {
+        _data = IriSP._(_data).shuffle();
+        IriSP._(_data).each(function(_m, i) {
             var _media = new IriSP.Model.Media(_m.id, _source);
             _media.video = _m.video;
             _media.title = _m.title;
             _media.description = "par " + _m.author;
             _media.setDuration(_m.duration);
             _media.thumbnail = _m.thumbnail;
+            _media.color = colors[i % colors.length];
             _medialist.push(_media);
         });
         _source.addList("media", _medialist);