// these are (ruh-roh) globals. You could wrap in an
                // immediately-Invoked Function Expression (IIFE) if you wanted to...
                var currentTallest = 0,
                    currentRowStart = 0,
                    rowDivs = new Array();
                
                function setConformingHeight(el, newHeight) {
                        // set the height to something new, but remember the original height in case things change
                        el.data("originalHeight", (el.data("originalHeight") == undefined) ? (el.height()) : (el.data("originalHeight")));
                        el.height(newHeight);
                }
                
                function getOriginalHeight(el) {
                        // if the height has changed, send the originalHeight
                        return (el.data("originalHeight") == undefined) ? (el.height()) : (el.data("originalHeight"));
                }
                
                function columnConform() {
                
                        // find the tallest DIV in the row, and set the heights of all of the DIVs to match it.
                        $('.blocks').each(function() {
                        
                                // "caching"
                                var $el = $(this);
                                
                                var topPosition = $el.position().top;
                
                                if (currentRowStart != topPosition) {
                
                                        // we just came to a new row.  Set all the heights on the completed row
                                        for(currentDiv = 0 ; currentDiv < rowDivs.length ; currentDiv++) setConformingHeight(rowDivs[currentDiv], currentTallest);
                
                                        // set the variables for the new row
                                        rowDivs.length = 0; // empty the array
                                        currentRowStart = topPosition;
                                        currentTallest = getOriginalHeight($el);
                                        rowDivs.push($el);
                
                                } else {
                
                                        // another div on the current row.  Add it to the list and check if it's taller
                                        rowDivs.push($el);
                                        currentTallest = (currentTallest < getOriginalHeight($el)) ? (getOriginalHeight($el)) : (currentTallest);
                
                                }
                                // do the last row
                                for (currentDiv = 0 ; currentDiv < rowDivs.length ; currentDiv++) setConformingHeight(rowDivs[currentDiv], currentTallest);
                
                        });
                
                }
                
                
                $(window).resize(function() {
                        columnConform();
                });
                
                // Dom Ready
                // You might also want to wait until window.onload if images are the things that
                // are unequalizing the blocks
                $(function() {
                        columnConform();
                });