/***
title: Equal Height
version: 2.0
author: Andreas Lagerkvist
date: 2008-09-16
url: http://andreaslagerkvist.com/jquery/equal-height/
license: http://creativecommons.org/licenses/by/3.0/
copyright: 2008 Andreas Lagerkvist (andreaslagerkvist.com)
requires: jquery
does: This plug-in makes HTML-elements equal height by adjusting their min-height CSS properties. Of course IE6 has no clue what min-height means so the plug-in uses height for that crappy old dinosaur.
howto: jQuery('#content, #secondary-content').equalHeight(); would make the elements with IDs 'content' and 'secondary-content' equal height.
exampleJS: jQuery('#jquery-equal-height-example p').equalHeight();
***/

jQuery.fn.equalheight = function () {
    var height        = 0;
    var maxHeight    = 0;

    // Store the tallest element's height
    this.each(function () {
        height        = jQuery(this).outerHeight();
        maxHeight    = (height > maxHeight) ? height : maxHeight;
    });

    // Set element's min-height to tallest element's height
    return this.each(function () {
        var t            = jQuery(this);
        var minHeight    = maxHeight - (t.outerHeight() - t.height());
        var property    = jQuery.browser.msie && jQuery.browser.version < 7 ? 'height' : 'min-height';

        t.css(property, minHeight + 'px');
    });
};