all thumbnails should be equal height now

js/jquery.equalheights.js

@@ -0,0 +1,44 @@
+/**
+    Equal Heights Plugin
+    Equalize the heights of elements. Great for columns or any elements
+    that need to be the same size (floats, etc).
+  
+    Version 1.01
+    Updated 1/30/2014
+ 
+    Copyright (c) 2008 Rob Glazebrook (cssnewbie.com) 
+    This program is free software: you can redistribute it and/or modify
+    it under the terms of the GNU General Public License as published by
+    the Free Software Foundation, either version 3 of the License, or
+    (at your option) any later version.
+
+    This program is distributed in the hope that it will be useful,
+    but WITHOUT ANY WARRANTY; without even the implied warranty of
+    MERCHANTABILITY or FITNESS FOR A PARTICULAR PURPOSE.  See the
+    GNU General Public License for more details.
+
+    You should have received a copy of the GNU General Public License
+    along with this program.  If not, see <http://www.gnu.org/licenses/>.
+ 
+    Usage: $(object).equalHeights([minHeight], [maxHeight]);
+  
+    Example 1: $(".cols").equalHeights(); Sets all columns to the same height.
+    Example 2: $(".cols").equalHeights(400); Sets all cols to at least 400px tall.
+    Example 3: $(".cols").equalHeights(100,300); Cols are at least 100 but no more
+    than 300 pixels tall. Elements with too much content will gain a scrollbar.
+**/
+
+   (function($) {
+     $.fn.equalHeights = function(minHeight, maxHeight) {
+      tallest = (minHeight) ? minHeight : 0;
+      this.each(function() {
+       if($(this).height() > tallest) {
+        tallest = $(this).height();
+       }
+      });
+      if((maxHeight) && tallest > maxHeight) tallest = maxHeight;
+      return this.each(function() {
+       $(this).height(tallest).css("overflow","auto");
+     });
+    }
+  })(jQuery);

template/index.tpl

@@ -1,4 +1,5 @@
 <!-- Start of index.tpl -->
+{combine_script id='equalheights' require='jquery' path='themes/bootstrapdefault/js/jquery.equalheights.js'}
 {if !empty($PLUGIN_INDEX_CONTENT_BEFORE)}{$PLUGIN_INDEX_CONTENT_BEFORE}{/if}
 
 <nav class="navbar navbar-default" role="navigation">
@@ -41,6 +42,7 @@
 {if !empty($CATEGORIES)}
             <!-- Start of categories -->
 {$CATEGORIES}
+{footer_script}{literal}$(document).ready(function(){$('#content .last').load(function(){$('#content .thumbnail').equalHeights()})});{/literal}{/footer_script}
             <!-- End of categories -->
 {/if}
     </div>

template/mainpage_categories.tpl

@@ -4,7 +4,7 @@
 <div class="col-xs-6 col-sm-4 col-md-3 col-equal-height">
     <div class="thumbnail">
         <a href="{$cat.URL}">
-            <img {if $derivative->is_cached()}src="{$derivative->get_url()}"{else}src="{$ROOT_URL}{$themeconf.icon_dir}/img_small.png" data-src="{$derivative->get_url()}"{/if} alt="{$cat.TN_ALT}" title="{$cat.NAME|@replace:'"':' '|@strip_tags:false} - {'display this album'|@translate}">
+            <img {if $smarty.foreach.cat_loop.last}class="last" {/if}{if $derivative->is_cached()}src="{$derivative->get_url()}"{else}src="{$ROOT_URL}{$themeconf.icon_dir}/img_small.png" data-src="{$derivative->get_url()}"{/if} alt="{$cat.TN_ALT}" title="{$cat.NAME|@replace:'"':' '|@strip_tags:false} - {'display this album'|@translate}">
         </a>
         <div class="caption">
             <h3>