Enable microthumbnail selection

2 files changed, 10 insertions, 7 deletions

diff --git a/modules/organize/css/organize.css b/modules/organize/css/organize.css
index d33dac0d..a4b5fdbd 100644
--- a/modules/organize/css/organize.css
+++ b/modules/organize/css/organize.css
@@ -95,11 +95,6 @@
   padding: .5em;
 }
 
-.gMicroThumbContainer {
-//  padding: 0 .5em;
-//  opacity: .4;
-}
-
 .gMicroThumb {
   display: block;
   float: left;
@@ -107,10 +102,16 @@
   height: 9em;
   margin-bottom: 1em;
   margin-left: 1em;
+  opacity: .5;
   text-align: center;
   width: 9em;
 }
 
+.gMicroThumb.ui-selected {
+  opacity: 1;
+}
+
+
 .gThumbnail {
   padding: .5em;
 }
diff --git a/modules/organize/js/organize.js b/modules/organize/js/organize.js
index 03d81a98..05693200 100644
--- a/modules/organize/js/organize.js
+++ b/modules/organize/js/organize.js
@@ -5,8 +5,8 @@
      */
     init: function(data) {
       // Deal with ui.jquery bug: http://dev.jqueryui.com/ticket/4475 (target 1.8?)
-      $(".sf-menu li.sfHover ul").css("z-index", 70);
-
+      $(".sf-menu li.sfHover ul").css("z-index", 68);
+      $("#gDialog").dialog("option", "zIndex", 70);
       $("#gDialog").bind("dialogopen", function(event, ui) {
         $("#gOrganize").height($("#gDialog").innerHeight() - 20);
         $("#gMicroThumbPanel").height($("#gDialog").innerHeight() - 90);
@@ -22,6 +22,8 @@
 
       $(".gBranchText span").click($.organize.collapse_or_expand_tree);
       $(".gBranchText").click($.organize.show_album);
+
+      $("#gMicroThumbGrid").selectable({filter: ".gMicroThumb"});
     },
 
     /**