$(document).ready(function(){
	// calculate the initial and full height of the table cell on the right
	var nonListHeight = $('#right').height() - $('#whatsnew').height();
	var initialHeight = ($('#left').height() - nonListHeight) + 'px';
	var trueHeight = $('#whatsnew').css('height');
	
	// make the cell on the right as tall as the one on the left
	$('#whatsnew').css('height', initialHeight);
	
	// click events for "Mehr" and "Weniger" links:
	// slide list out or in and toggle the "Mehr" and "Weniger" visibility
	$('#more').click(
		function(eventObj) { 
			$('#whatsnew').animate({height:trueHeight}, 'slow');
			$('#more').toggle();
			$('#less').toggle();
		}
	);
	$('#less').click(
		function(eventObj) { 
			$('#whatsnew').animate({height:initialHeight}, 'slow');
			$('#more').toggle();
			$('#less').toggle();
		}
	);
});