diff -r 2754a76e2787 -r 56937307d7f4 integration/js/editor.js
--- a/integration/js/editor.js	Wed Oct 24 17:50:32 2012 +0200
+++ b/integration/js/editor.js	Thu Oct 25 13:31:02 2012 +0200
@@ -5,9 +5,9 @@
                 url: "data/bpidata.json",
                 serializer: IriSP.serializers.medialist
             }),
-            mediatemplate = '<li class="item-video"><a class="clearfix" href="#"><img src="{{thumbnail}}" alt="aperçu" />'
+            mediatemplate = '<li class="item-video"><img src="{{thumbnail}}" alt="aperçu" />'
                 + '<span class="video-info"><span class="title-video">{{title}}</span><span class="author">{{description}}</span>'
-                + '<span class="time-length">Durée : <span>{{duration}}</span></span></span></a></li>';
+                + '<span class="time-length">Durée : <span>{{duration}}</span></span></span></li>';
         project.onLoad(function() {
             var html = '';
             project.getMedias().forEach(function(_m) {
@@ -16,7 +16,7 @@
             $(".col-left .list-video").html(html);
         });
         
-        $(".col-left input").bind("keyup change input paste", function() {
+        $(".col-left input").on("keyup change input paste", function() {
             var val = $(this).val();
             if (val) {
                 var find = IriSP.Model.regexpFromTextOrArray(val, true),
@@ -39,6 +39,16 @@
                 }
             })
         });
+        
+        $(".tab-segment").click(function() {
+            $(".col-middle").removeClass("empty-mode pvw-mode").addClass("segment-mode");
+            return false;
+        });
+        $(".tab-pvw").click(function() {
+            $(".col-middle").removeClass("empty-mode segment-mode").addClass("pvw-mode");
+            return false;
+        });
+        
     }
     
     IriSP.Hashcut = Hashcut;