Responsive Equal Height Element

equal-height.js

/**
 * Responsive Equal Height Element
 * 
 * @param {type} container
 * @returns {undefined}
 */
equalheight = function ( container ) {

	var currentTallest = 0,
		currentRowStart = 0,
		rowDivs = new Array(),
		$el,
		topPosition = 0;
	jQuery( container ).each( function () {

		$el = jQuery( this );
		jQuery( $el ).height( 'auto' )
		topPostion = $el.position().top;

		if ( currentRowStart !== topPostion ) {
			for ( currentDiv = 0; currentDiv < rowDivs.length; currentDiv++ ) {
				rowDivs[currentDiv].height( currentTallest );
			}
			rowDivs.length = 0; // empty the array
			currentRowStart = topPostion;
			currentTallest = $el.height();
			rowDivs.push( $el );
		} else {
			rowDivs.push( $el );
			currentTallest = ( currentTallest < $el.height() ) ? ( $el.height() ) : ( currentTallest );
		}
		for ( currentDiv = 0; currentDiv < rowDivs.length; currentDiv++ ) {
			rowDivs[currentDiv].height( currentTallest );
		}
	} );
};

jQuery( window ).load( function () {
	equalheight( '.rtp-nav-container ul.rtp-sub-menu li' );
} );

jQuery( window ).resize( function () {
	equalheight( '.rtp-nav-container ul.rtp-sub-menu li' );
} );