$(document).ready( function () {
	// Set the new height dependent on the viewport
	var windowHeight = $(window).height();
	var windowWidth = $(window).width();
	var headerHeight = 233;
	var newContentHeight = windowHeight - headerHeight;
	var headerHeightStr = "233px";
	
	newContentWidth = windowWidth - 50;
	newItemsWidth = newContentWidth-50;
	$('.content-items').each(function() {
		$(this).width(newItemsWidth);
	});

	$('.content-default').each(function() {
		$(this).width(newContentWidth);
		$(this).height(newContentHeight);
		$(this).attr('top', headerHeightStr);
		$(this).attr('position', 'absolute');
	});

	$(window).resize( function() {
		$('.content-default').each(function() {
			$(this).width($(window).width() - 50);
			$(this).height($(window).height()-headerHeight);

		});
	});
});


