So many things get better/are improved, but only things that are to be done or broken...

[wolnelektury.git] / apps / wolnelektury_core / static / js / picture.js

diff --git a/apps/wolnelektury_core/static/js/picture.js b/apps/wolnelektury_core/static/js/picture.js
index bcbdbc1..052392a 100644 (file)
--- a/apps/wolnelektury_core/static/js/picture.js
+++ b/apps/wolnelektury_core/static/js/picture.js
@@ -33,6 +33,20 @@
 
            var original = self.element.find('img.original').get(0);
            self._original = false;
+           self.original_loeaded = undefined; // callback
+           self._original_loaded = false;
+
+           self.spinner = $("#spinner").progressSpin();
+
+           $(original).load(function() {
+               console.log("loaded original");
+               self._original_loaded = true;
+               self.spinner.stop();
+               var cb = self.original_loaded;
+               self.original_loaded = undefined;
+               if (cb)
+                   cb()
+           });
            
            if (self.options.max <= 0) {
                self.options.max = original.naturalWidth
@@ -44,7 +58,7 @@
            });
 
            self.element.offset(self.initial_position);
-           self.element.draggable({containment:"parent"});
+           //      self.element.draggable({containment:"parent"});
 
            if (self.options.plus_button)
                self.options.plus_button.click(
@@ -67,18 +81,27 @@
            return self;
        },
 
-       natural_size: function() { 
-           var img = this.element.find('img').get(0);
+       natural_size: function() {
+           var img = this.element.find('img.original').get(0);
            return [ img.naturalWidth, img.naturalHeight ] 
        },
 
        currentZoom: function() { return this._zoom; },
 
        initOriginal: function() {
+           var self = this;
+           function subst_original() {
+               self.element.find("img.initial").remove();
+               self.element.find("img.loading").removeClass("loading");
+               self._original = true;
+           }
            if (!this._original) {
-               this.element.find("img.initial").remove();
-               this.element.find("img.loading").removeClass("loading");
-               this._original = true;
+               if (this._original_loaded) {
+                   return subst_original();
+               } else {
+                   self.original_loaded = subst_original;
+                   self.spinner.start();
+               }
            }
 
        },
@@ -112,7 +135,11 @@
            };
 
            this._zoom = level;
-           this.element.animate(target, 200); // default duration=400
+
+           this.element.css(target);
+          
+
+//         this.element.animate(target, 1200); // default duration=400
        },
 
        allowedPosition: function(off) {
@@ -200,12 +227,19 @@ $(document).ready(function(){
        $($t.attr('href')).hide().insertAfter(this);
     });
 
-    $('.toolbar a.dropdown').toggle(function() {
-       $(this).addClass('selected');
-       $($(this).attr('href')).slideDown('fast');
-    }, function() {
+    function closeDD() {
        $(this).removeClass('selected');
        $($(this).attr('href')).slideUp('fast');
+       
+    }
+    $('.toolbar a.dropdown').click(function() {
+       if ($(this).hasClass('selected')) {
+           closeDD.call(this);
+       } else {
+           $(this).addClass('selected');
+           $($(this).attr('href')).slideDown('fast');
+           $(this).parent().siblings(".button:has(.dropdown)").children(".dropdown").each(closeDD);
+       }
     });