$(document).ready(function() {
	zebraRows('#inline tr:odd td', 'odd');
	
	$('#inline tbody tr').hover(function(){
	  $(this).find('td').addClass('hovered');
	}, function(){
	  $(this).find('td').removeClass('hovered');
	});
	
	//default each row to visible
	$('#inline tbody tr').addClass('visible');
});

//used to apply alternating row styles
function zebraRows(selector, className)
{
	$(selector).removeClass(className)
							.addClass(className);
}