--- a/src/ldt/ldt/ldt_utils/templates/front/front_all_contents.html	Wed Jul 11 17:48:48 2012 +0200
+++ b/src/ldt/ldt/ldt_utils/templates/front/front_all_contents.html	Wed Jul 18 15:04:46 2012 +0200
@@ -4,19 +4,17 @@
 {% load front_tags %}
 
 {% block title %}
-
 {% if tag_label %}
 {% blocktrans %}Lignes de temps : {{tag_label}}{% endblocktrans %}
 {% else %}
 {% trans "Lignes de temps : all medias" %}
 {% endif %}
-
-
 {% endblock %}
 
 {% block js_import %}
 {{block.super}}
 <script src="{{LDT_MEDIA_PREFIX}}js/raphael.js" type="text/javascript"/></script>
+<script src="{{LDT_MEDIA_PREFIX}}js/Ldt_front_sparkline.js" type="text/javascript"/></script>
 {% endblock %}
 
 {% block css_import %}
@@ -26,7 +24,18 @@
 
 {% block js_declaration %}
 {{block.super}}
-<script src="{{LDT_MEDIA_PREFIX}}js/Ldt_front_sparkline.js" type="text/javascript"/></script>
+<script type="text/javascript">
+    $(document).ready(function () {
+        $("#home_tag_cloud").toggle(false);
+        $("#hide_tag_cloud").toggle(false);
+        $("#show_tag_cloud").toggle(true);
+        $("#tag_cloud_link").click(function(){
+            $("#home_tag_cloud").slideToggle("fast");
+            $("#hide_tag_cloud").toggle();
+            $("#show_tag_cloud").toggle();         
+        });
+    });
+</script> 
 {% endblock %}
 
 {% block body %}
@@ -35,8 +44,20 @@
 {% if front_tags|length > 0 %}<p class="tag_link">{% trans 'Filter the medias by category' %} : {% for t in front_tags %}<a href="{% url ldt.ldt_utils.views.front.all_contents %}?tag={{t}}">{{t}}</a>{% if not forloop.last %}, {% endif %}{% endfor %}</p>{% endif %}
 <ul class="floatlist full_width" id="derniers_medias">
     <li class="li_h2">
+      <ul class="title_ul">
+        <li>
         {% if tag_label %}<h2><a href="{% url ldt.ldt_utils.views.front.all_contents %}">{% trans 'All medias' %}</a>{% if tag_label %}<span class="pink"> &gt; {{tag_label}}</span>{% endif %}</h2>
         {% else %}<h2>{% trans 'All medias' %}</h2>{% endif %}
+        </li>
+        <li class="li_right">
+          <span class="tag_link"><a href="#" id="tag_cloud_link" title="{% trans 'view all categories' %}"><img id="hide_tag_cloud" src="{{LDT_MEDIA_PREFIX}}img/little_minus_pink.png" alt="{% trans 'view all categories' %}" /><img id="show_tag_cloud" src="{{LDT_MEDIA_PREFIX}}img/little_plus_pink.png" alt="{% trans 'view all categories' %}" />&nbsp;{% trans 'All categories' %}</a></span>
+        </li>
+      </ul>
+    </li>
+    <li class="li_h2" id="home_tag_cloud">
+    {% if tag_cloud|length > 0 %}<p class="left tag_link">{% trans 'All categories of medias' %} : {% for t in tag_cloud %}<a href="{% url ldt.ldt_utils.views.front.all_contents %}?tag={{t.name}}">
+      <span style="font-size:{{t.font_size|add:"12"}}px;">{{t.name}}</span></a>{% if not forloop.last %}, {% endif %}{% endfor %}</p>
+    {% endif %}
     </li>
     {% for content in content_list %}
     <li class="li_media">
@@ -61,7 +82,7 @@
     {% endfor %}
 </ul>
 {% if tag_cloud|length > 0 %}<p class="left tag_link">{% trans 'All categories of medias' %} : {% for t in tag_cloud %}<a href="{% url ldt.ldt_utils.views.front.all_contents %}?tag={{t.name}}">
-  <span style="font-size:{{t.font_size|add:"10"}}px;">{{t.name}}</span>
+  <span style="font-size:{{t.font_size|add:"12"}}px;">{{t.name}}</span>
   </a>{% if not forloop.last %}, {% endif %}{% endfor %}</p>
 {% endif %}
 {% endblock %}