Event.observe(window, "load", function() {
	
	// Set boxes same height across each row
	var row = new Array;
	var selector = ".products .box";
	$$(selector).each(function(i, count) {
		var rowNumber = getRowNumber(count);
		row[rowNumber] = !row[rowNumber] || i.getHeight() > row[rowNumber] ? i.getHeight() : row[rowNumber];
	});
	$$(selector).each(function(i, count) {
		var rowNumber = getRowNumber(count);
		i.setStyle({ height: row[rowNumber] + 'px' });
	});
	
});

function getRowNumber(count) {
	return Math.ceil((count + 1) / 3);
}

// Set nav and primary-content divs to same height

if ($('primary-content')) {
	var maxHeight = $('primary-content').getHeight() > $('nav').getHeight() ? $('primary-content').getHeight() : $('nav').getHeight();
	$('primary-content').setStyle({ height: maxHeight + 'px' });
}
	
if ($('nav')) 
	$('nav').setStyle({ height: maxHeight + 'px' });