$(document).ready(function()
{
	/*$.fn.supersized.options =
	{
		startwidth: 1200,  
		startheight: 800,
		slideshow: 0,
		slide_interval: 5000
	};
	$('#supersize').supersized();
	*/
	// If we've submitted the contact form, show it.
	if ($('#li_contact').hasClass('menu_selected'))
	{
		$('#li_home').removeClass('menu_selected');
		$('#about,#roster').slideUp(0);
	}
	else // hide all content
	{
		$('#about,#roster,#contact').slideUp(0);
	}
	
	// Click behaviour for the menu.
	$('#ul_menu li a').click(function(event)
	{
		event.preventDefault();
		
		if ($(this).hasClass('menu_selected'))
		{
			// If we're clicking a selected menu item, just hide all content.
			$('#about,#roster,#contact').slideUp();
			$(this).removeClass('menu_selected');
			$('#li_home a').addClass('menu_selected');
		}
		else
		{
			// Hide all content, then set as selected.
			$('#about,#roster,#contact').slideUp();
			$("#ul_menu .menu_selected").removeClass('menu_selected');
			$(this).addClass('menu_selected');
			
			// finally, show the correct div.
			if ($(this).parent().is('#li_about'))
			{
				$('#about').slideDown();
			}
			else if ($(this).parent().is('#li_roster'))
			{
				$('#roster').slideDown();
			}
			else if ($(this).parent().is('#li_contact'))
			{
				$('#contact').slideDown();
			}
		}
	});
	
	// Click behaviour for the close buttons.
	$('.h2_close_button a').click(function(event)
	{
		event.preventDefault();
		
		$('#about,#roster,#contact').slideUp();
		$("#ul_menu .menu_selected").removeClass('menu_selected');
		$('#li_home a').addClass('menu_selected');
	})
});