-            {% endif %}
-            {% if book.mp3_file %}<a href="{{ book.mp3_file.url }}">Pobierz plik MP3</a>{% endif %}
-            {% if book.ogg_file %}<a href="{{ book.ogg_file.url }}">Pobierz plik Ogg Vorbis</a>{% endif %}
-            {% if book.mp3_file %}
-            <object type="application/x-shockwave-flash" style="margin-top: 0.5em" data="/static/player.swf" width="426" height="20">
-                <param name="movie" value="/static/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">MP3</span>{% endif %}
+                            {% if book.has_ogg_file %}<span>OGG</span>{% endif %}
+                            {% if book.has_daisy_file %}<span>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 -->
+                    <p>{% blocktrans with '<a href="http://czytamysluchajac.pl">CzytamySłuchając</a>' as cs %}Audiobooks were prepared as a part of the {{ cs }} project.{% endblocktrans %}
+                    </p>
+                {% endif %}