-            {% endif %}
-            {% if book.mp3_file %}<a href="{{ book.mp3_file.url }}">{% trans "Download MP3" %}</a>{% endif %}
-            {% if book.ogg_file %}<a href="{{ book.ogg_file.url }}">{% trans "Download Ogg Vorbis" %}</a>{% endif %}
-            {% if book.mp3_file %}
-            <object type="application/x-shockwave-flash" style="margin-top: 0.5em" data="{{ STATIC_URL }}player.swf" width="426" height="20">
-                <param name="movie" value="{{ STATIC_URL }}player.swf" />
-                <param name="bgcolor" value="#ffffff" />
-                <param name="FlashVars" value="mp3={{ book.mp3_file.url }}&width=426&showvolume=1&bgcolor1=eeeeee&bgcolor2=eeeeee&buttoncolor=666666" />
-            </object>
-            {% endif %}
+                {% if book.has_mp3_file or book.has_ogg_file or book.has_daisy_file %}
+                    <p class="header">
+                        <span class="desc">{% trans "Audiobooks" %}:</span>
+                        <span class="audiotabs">
+                            {% if book.has_mp3_file %}<span class="active" data-format="mp3">MP3</span>{% endif %}
+                            {% if book.has_ogg_file %}<span data-format="ogg">Ogg Vorbis</span>{% endif %}
+                            {% if book.has_daisy_file %}<span data-format="daisy">DAISY</span>{% endif %}
+                        </span>
+                    </p>
+                    <div class="audiobooks">
+                        <img src="{{ STATIC_URL }}img/speaker.png" id="speaker" alt="Speaker icon"/>
+                        {% if book.has_mp3_file %}
+                            <ul class="audiobook-list" id="mp3-files">
+                            {% for media in book.get_mp3 %}
+                                <li class="mp3Player">
+                                  <a href="{{ media.file.url }}">{{ media.name }}</a><br/>
+                                  {% trans "Artist" %}: {{ media.get_extra_info_value.artist_name }}<br/>
+                                  {% trans "Director"%}: {{ media.get_extra_info_value.director_name }}<br/>
+                                  <object type="application/x-shockwave-flash" style="margin-top: 0.5em" data="{{ STATIC_URL }}player.swf" width="226" height="20">
+                                        <param name="movie" value="{{ STATIC_URL }}player.swf" />
+                                        <param name="bgcolor" value="#ffffff" />
+                                        <param name="FlashVars" value="mp3={{ media.file.url }}&width=226&showvolume=1&bgcolor1=eeeeee&bgcolor2=eeeeee&buttoncolor=666666" />
+                                    </object>
+                                    
+                                </li>
+                            {% endfor %}
+                            </ul>     
+                        {% endif %}
+
+                        {% if book.has_ogg_file %}
+                            <ul class="audiobook-list" id="ogg-files">
+                            {% for media in book.get_ogg %}
+                                <li><a href="{{ media.file.url }}">{{ media.name }}</a></li>
+                            {% endfor %}
+                            </ul>
+                        {% endif %}
+                        {% if book.has_daisy_file %}
+                            <ul class="audiobook-list" id="daisy-files">
+                            {% for media in book.get_daisy %}
+                                <li><a href="{{ media.file.url }}">{{ media.name }}</a></li>
+                            {% endfor %}
+                            </ul>
+                        {% endif %}
+                    </div> <!-- /audiobooks -->
+                    {% if projects|length > 1 %}
+                        <p>{% trans "Audiobooks were prepared as a part of the projects:" %}</p>
+                        <ul>
+                        {% for cs, fb in projects %}
+                            <li>
+                            {% if fb %}
+                                {% blocktrans %}{{ cs }}, funded by {{ fb }}{% endblocktrans %}
+                            {% else %}
+                                {{ cs }}
+                            {% endif %}
+                            </li>
+                        {% endfor %}
+                        </ul>
+                    {% else %}
+                        <p>
+                        {% with projects.0.0 as cs %}
+                        {% with projects.0.1 as fb %}
+                            {% if fb %}
+                                {% blocktrans %}Audiobooks were prepared as a part of the {{ cs }} project funded by {{ fb }}.{% endblocktrans %}
+                            {% else %}
+                                {% blocktrans %}Audiobooks were prepared as a part of the {{ cs }} project.{% endblocktrans %}
+                            {% endif %}
+                        {% endwith %}
+                        {% endwith %}
+                        </p>
+                    {% endif %}
+                {% endif %}