/*-------------------------------------------------------------------- 
 * JQuery Plugin: "EqualHeights"
 * by:	Scott Jehl, Todd Parker, Maggie Costello Wachs (http://www.filamentgroup.com)
 *
 * Copyright (c) 2008 Filament Group
 * Licensed under GPL (http://www.opensource.org/licenses/gpl-license.php)
 *
 * Description: Compares the heights or widths of the top-level children of a provided element 
 		and sets their min-height to the tallest height (or width to widest width). Sets in em units 
 		by default if pxToEm() method is available.
 * Dependencies: jQuery library, pxToEm method	(article: 
		http://www.filamentgroup.com/lab/retaining_scalable_interfaces_with_pixel_to_em_conversion/)							  
 * Usage Example: $(element).equalHeights();
  		Optional: to set min-height in px, pass a true argument: $(element).equalHeights(true);
 * Version: 2.0, 08.01.2008
--------------------------------------------------------------------*/

$.fn.equalHeights = function(px) {
	$(this).each(function(){
		var currentTallest = 0;
		var setCurrentTallest = 0;
		$(this).children().each(function(i){
			var height = $(this).height();
			var margin = parseInt($(this).css("margin-top"));
			if (height + margin > currentTallest) { 
				currentTallest = height + margin; 
				}
		});
		
		if ($.browser.msie && $.browser.version == 7.0) {
			$('#firstFlex').height(currentTallest - 10 - (456 + $('#firstContainer').height()));
			$('#secondFlex').height(currentTallest - 20 - (466 + $('#secondContainer').height()));
			$('#thirdFlex').height(currentTallest - 10 -(238 + $('#thirdContainer').height()));		
		} else {
			$('#firstFlex').height(currentTallest - 10 - (186 + $('#firstContainer').height()));
			$('#secondFlex').height(currentTallest - 20 - (466 + $('#secondContainer').height()));
			$('#thirdFlex').height(currentTallest - 10 -($('#thirdContainer').height()));	
		}

		
	});
	return this;
};