1 files changed, 56 insertions, 60 deletions
diff --git a/lib/gallery.panel.js b/lib/gallery.panel.js
index 022e4878..98d78d2a 100644
--- a/lib/gallery.panel.js
+++ b/lib/gallery.panel.js
@@ -1,62 +1,58 @@
-/**
- * Fire togglePanel() and prevent links from opening
- * @see togglePanel()
- */
-function handlePanelEvent(event) {
-  togglePanel(event.currentTarget);
-  event.preventDefault();
-}
+(function($) {
+   $.widget("ui.galleryPanel", {
+     _init: function() {
+       var self = this;
+       this.element.click(function(event) {
+         event.preventDefault();
+         var element = event.currentTarget;
+         var parent = $(element).parent().parent();
+         var sHref = $(element).attr("href");
+         var parentClass = $(parent).attr("class");
+         var ePanel = "<tr id=\"gPanel\"><td colspan=\"6\"></td></tr>";
 
-function togglePanel(element, on_success) {
-  var parent = $(element).parent().parent();
-  var sHref = $(element).attr("href");
-  var parentClass = $(parent).attr("class");
-  var ePanel = "<tr id=\"gPanel\"><td colspan=\"6\"></td></tr>";
+         if ($("#gPanel").length) {
+           $("#gPanel").slideUp("slow").remove();
+           if ($(element).attr("orig_text")) {
+             $(element).children(".gButtonText").text($(element).attr("orig_text"));
+           }
+         } else {
+           $(parent).after(ePanel);
+           $("#gPanel td").html(sHref);
+           $.get(sHref, function(data) {
+             $("#gPanel td").html(data);
+             self._ajaxify_panel();
+             if ($(element).attr("open_text")) {
+               $(element).attr("orig_text", $(element).children(".gButtonText").text());
+               $(element).children(".gButtonText").text($(element).attr("open_text"));
+             }
+             $("#gPanel").addClass(parentClass).show().slideDown("slow");
+           });
+         }
+         return false;
+       });
+     },
 
-  if ($("#gPanel").length) {
-    $("#gPanel").slideUp("slow");
-    $("#gPanel *").remove();
-    $("#gPanel").remove();
-    if ($(element).attr("orig_text")) {
-       $(element).children(".gButtonText").text($(element).attr("orig_text"));
-    }
-    //togglePanel(element, on_success);
-  } else {
-    $(parent).after(ePanel);
-    //showLoading("#here");
-    $("#gPanel td").html(sHref);
-    $("#gPanel").addClass(parentClass).show().slideDown("slow");
-    $.get(sHref, function(data) {
-      $("#gPanel td").html(data);
-      ajaxify_panel = function() {
-        $("#gPanel td form").ajaxForm({
-          dataType: "json",
-          success: function(data) {
-            if (data.form) {
-              $("#gPanel td form").replaceWith(data.form);
-              ajaxify_panel();
-            }
-            if (data.result == "success") {
-              if (on_success) {
-                on_success();
-              } else if (data.location) {
-                window.location = data.location;
-              } else {
-                window.location.reload();
-              }
-            }
-          }
-        });
-        if ($("#gPanel td").hasClass("gLoadingLarge")) {
-          showLoading("#gPanel td");
-        }
-      };
-      ajaxify_panel();
-      if ($(element).attr("open_text")) {
-        $(element).attr("orig_text", $(element).children(".gButtonText").text());
-        $(element).children(".gButtonText").text($(element).attr("open_text"));
-      }
-    });
-  }
-  return false;
-}
+     _ajaxify_panel: function () {
+       var self = this;
+       $("#gPanel td form").ajaxForm({
+         dataType: "json",
+         success: function(data) {
+           if (data.form) {
+             $("#gPanel td form").replaceWith(data.form);
+             self._ajaxify_panel();
+           }
+           if (data.result == "success") {
+             self._trigger("success", null, {});
+             if (data.location) {
+               window.location = data.location;
+             } else {
+               window.location.reload();
+             }
+           }
+         }
+       });
+     },
+
+     success: function(event, ui) {}
+   });
+ })(jQuery);