/**
 * 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.0
 * Updated 12/109/2008
 *
 * Copyright (c) 2008 Rob Glazebrook (cssnewbie.com) 
 *
 * 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("auto");
		});
	}
})(jQuery);


$(document).ready(function(){
	$('.shopItem').equalHeights();
});











/*
function setEqualHeight(columns){  
 	var tallestcolumn = 0;  
 	columns.each(  
 	function(){
 		currentHeight = $(this).height();  
 		if(currentHeight > tallestcolumn){  
 			tallestcolumn  = currentHeight;  
 		}  
 	});  
 	columns.height(tallestcolumn);  
}
$(document).ready(function() {  
 	setEqualHeight($(".shopItem"));  
}); 
*/


/*
////////////////SHOP ITEM (equal heights)/////////////
function equalHeight(group) {
tallest = 0;
group.each(function() {
	thisHeight = $(this).height();
	if(thisHeight > tallest) {
	tallest = thisHeight;
	}
});
group.height(tallest);
}

/////////////////////////////////////////////////////

$(document).ready(function(){
	equalHeight($(".shopItem"));
});
*/