jQuery(function($) {
	jQuery.fn.scrollTable = function() {
		if (!this)
			return false;
		return this.each(function() {
			createScrolling($(this));
		});
	}
	function createScrolling(el) {
		var table = el;
		table.wrap('<div class="scrollWrapper"></div>');
		var tableParent = table.parent();
		var tableHeader = $('<div class="scrollingHeader"></div>').appendTo(tableParent);
		var tableContent = $('<div class="scrollingContent"></div>').appendTo(tableParent);
		
		var headerTable = table.clone().prependTo(tableHeader);
		var contentTable = table.clone().prependTo(tableContent);
		$('tbody', headerTable).hide();
		$('thead', contentTable).hide();
		table.remove();
		tableContent.jScrollPane({
			showArrows:true, 
			scrollbarWidth: 8, 
			arrowSize: 8
		});
	}
	
	$('.scrollTable').scrollTable();
});