From 5174ba21c29556cd7b08e55e5aed73d8cb31259e Mon Sep 17 00:00:00 2001
From: Étienne Loks <etienne.loks@peacefrogs.net>
Date: Wed, 7 Mar 2012 22:08:14 +0100
Subject: Correct multiple galleries

---
 chimere/templates/chimere/detail.html | 16 ++++++++--------
 1 file changed, 8 insertions(+), 8 deletions(-)

(limited to 'chimere')

diff --git a/chimere/templates/chimere/detail.html b/chimere/templates/chimere/detail.html
index 7a58cd1..c7b3442 100644
--- a/chimere/templates/chimere/detail.html
+++ b/chimere/templates/chimere/detail.html
@@ -27,7 +27,7 @@
 {% endif %}
 </div>
 {% if marker.multimedia_items %}
-<div id='gallery'>
+<div id='gallery-{{marker.pk}}' class='gallery'>
     <div class='tabs'>
         <ul>{% for item in marker.multimedia_items %}
             <li><a href="#tab-{{ forloop.counter }}">{{ item.name }}</a></li>{% endfor %}
@@ -60,7 +60,7 @@
 <script language='javascript' type='text/javascript'>
 $('html').addClass('js-on');
 $(function(){
-    $("#gallery").dialog({title:"{{marker.name}}", autoOpen: false,
+    $("#gallery-{{marker.pk}}").dialog({title:"{{marker.name}}", autoOpen: false,
                            height: "auto", width: "auto"});
     $('div.media-player').jmeEmbedControls();
     $('.tabs').tabs({
@@ -87,18 +87,18 @@ $(function(){
         $('div.media-controls', this).stop().animate({opacity: 0});
     });
 });
-$("#gallery").bind( "dialogopen", function(event, ui) {
-    $("#gallery").dialog("option", "height", 'auto');
-    $("#gallery").dialog("option", "width", 'auto');
-    $("#gallery").dialog("option", "position", ['center', 'center']);
+$("#gallery-{{marker.pk}}").bind( "dialogopen", function(event, ui) {
+    $("#gallery-{{marker.pk}}").dialog("option", "height", 'auto');
+    $("#gallery-{{marker.pk}}").dialog("option", "width", 'auto');
+    $("#gallery-{{marker.pk}}").dialog("option", "position", ['center', 'center']);
 });
-$("#gallery").bind( "dialogclose", function(event, ui) {
+$("#gallery-{{marker.pk}}").bind( "dialogclose", function(event, ui) {
     //pause all medias
     $('video').each(function(index){$(this).pause()});
     $('audio').each(function(index){$(this).pause()});
 });
 $('#show_gallery_link').click(function(){
-    $("#gallery").dialog('open');
+    $("#gallery-{{marker.pk}}").dialog('open');
     return false;
 });
 </script>
-- 
cgit v1.2.3