$(function() {

	$('button').button();
	$('input[type="button"]').button();
	$('input[type="submit"]').button();

	$('table.zebra tr:odd')
		.addClass('odd');
	$('table.zebra tr:even')
		.addClass('even');
		
	$('table.selectable tr')
		.not('tr:first')
		.hover(function() {
			$(this).addClass('ui-state-highlight');
		}, function() {
			$(this).removeClass('ui-state-highlight');
		});

	// create the navigation blob and append it to the navigation bar
	$('<div id="navigation_blob""></div>').css({
		height: $('#navigation li:first a').height() + 20,
		width: $('#navigation li:first a').width() + 10
	}).appendTo('#navigation')

	// hide the navigation blob
	$('#navigation_blob').hide();

	// when hovering over a navigation link, show blob and animate it
	$('#navigation a').hover(function() {
		$('#navigation_blob').show();
		$('#navigation_blob').animate(
			{
				left: $(this).position().left - 5,
				top: $(this).position().top - 10,
				width: $(this).width() + 10
			},
			{
				duration: 'slow',
				easing: 'easeOutElastic',
				queue: false
			}
		);
	}, function() {
		// Do nothing
	});
});