Set .gItem height dynamically based on the tallest item in the grid. Addresses ticket #757

lib/gallery.common.js

@@ -6,6 +6,18 @@
     });
   };
 
+  // Make the height of all items the same as the tallest item  within the set
+  $.fn.equal_heights = function() {
+    var tallest_height = 0;
+    $(this).each(function(){
+      if ($(this).height() > tallest_height) {
+        tallest_height = $(this).height();
+      }
+    });
+    return $(this).height(tallest_height);
+  };
+
+
   // Vertically align a block element's content
   $.fn.gallery_valign = function(container) {
     return this.each(function(i){

themes/wind/css/screen.css

@@ -449,8 +449,6 @@ form .gError,
   border: 1px solid #fff;
   float: left;
   font-size: .7em;
-  height: 220px;
-  overflow: hidden;
   padding: .6em 8px;
   position: relative;
   text-align: center;

themes/wind/js/ui.init.js

@@ -59,8 +59,8 @@ $(document).ready(function() {
 
   // Album view only
   if ($("#gAlbumGrid").length) {
-    // Vertical align thumbnails/metadata in album grid
-    $(".gItem").gallery_valign();
+    // Set equal height for album items and vertically align thumbnails/metadata
+    $('.gItem').equal_heights().gallery_valign();
 
     // Initialize thumbnail hover effect
     $(".gItem").hover(