--- a/src/ldt/ldt/ldt_utils/templates/front/front_player.html	Fri Apr 27 17:18:32 2012 +0200
+++ b/src/ldt/ldt/ldt_utils/templates/front/front_player.html	Thu May 03 12:39:07 2012 +0200
@@ -50,6 +50,18 @@
             $j("#search_submit").addClass('search_invalid').removeClass('search_valid');
             $j("#search_submit").attr('disabled', 'disabled');
         });
+        $j("#slides_container h2").click(function () {
+            if($j("#slides_container h2").hasClass('triangle_down')){
+            	// We hide the slides
+                $j("#slides_container .triangle_down").addClass('triangle_right').removeClass('triangle_down');
+                $j("#slides_container .Ldt-SlideShare").hide();
+            }
+            else if($j("#slides_container h2").hasClass('triangle_right')){
+                // We show the slides
+                $j("#slides_container .triangle_right").addClass('triangle_down').removeClass('triangle_right');
+                $j("#slides_container .Ldt-SlideShare").show();
+            }
+        });
     });
 </script>
 {% endblock %}
@@ -93,9 +105,7 @@
 <!-- Right column -->
 <div id="player_col_d">
     <div id="slides_container">
-	    <div class="li_h2">
-	        <h2>Slide Share</h2>
-	    </div>
+	        <h2 class="li_h2 triangle_down"><a href="#">Slides</a></h2>
     </div>
     <div class="li_h2">
         <h2>{% trans 'All annotations on the media' %}</h2>

--- a/src/ldt/ldt/static/ldt/css/front_player.css	Fri Apr 27 17:18:32 2012 +0200
+++ b/src/ldt/ldt/static/ldt/css/front_player.css	Thu May 03 12:39:07 2012 +0200
@@ -71,3 +71,12 @@
 .Ldt-SlideShare {
     margin: 0px 0 10px 10px;
 }
+.triangle_down {
+    background: url(./imgs/triangle_down.png) left no-repeat;
+}
+.triangle_right {
+    background: url(./imgs/triangle_right.png) left no-repeat;
+}
+.triangle_down a, .triangle_right a {
+    margin-left: 20px;
+}

Binary file src/ldt/ldt/static/ldt/css/imgs/triangle_down.png has changed

Binary file src/ldt/ldt/static/ldt/css/imgs/triangle_right.png has changed