$(function(){
	var maxTableSize = 625;			// apply overflow is exceeds this size
	var maxTableSizeInform = 606;			// apply overflow is exceeds this size
	var floatTableSize = 315;		// float if table is less than this size
	var floatDirection = "left";	// float direction for all tables
	var floatWrapHTML;

	// setup float direction HTML
	(floatDirection == "left") ? floatWrapHTML = '<div class="tableLeft"></div>' : floatWrapHTML = '<div class="tableRight"></div>';

	$('.storytext table').each(function() {
		// if table width is greater than column width then add a div of tableFull to hide and give scroll bars
		if($(this).width() > maxTableSize) $(this).wrap('<div class="tableFull"></div>');

		// if table width is less than floatTableSize then float it according to defined alignment
		if($(this).width() <= floatTableSize) $(this).wrap(floatWrapHTML);
	});
	$('.informtablewrapper table').each(function() {
		// if table width is greater than column width then add a div of tableFull to hide and give scroll bars
		if($(this).width() > maxTableSizeInform) $(this).wrap('<div class="tableFullInform"></div>');

		// if table width is less than floatTableSize then float it according to defined alignment
		if($(this).width() <= floatTableSize) $(this).wrap(floatWrapHTML);
	});
});