jQuery(function($)
{
 	if (!$.browser.msie)
 	{
	 	// If this is the homepage...
		if ($('#index').size() > 0)
		{
		 	// ...Hide everything in the mainContent div
			var $mainContent = $('#mainContent').children().hide();
			var $h2 = $('#mainContent h2');
			
			// Show the first header, add a 'more' link to it
			var moreLink = '<span class="moreLink"></span>';
			$($h2[0]).show().append(moreLink);
			
			// moreLink event listeners
			var $moreLink = $('.moreLink').hover(moreLinkHover, moreLinkUnhover).click(moreLinkClick);
		}
	}
});

function moreLinkHover()
{
	$(this).css(
	{
		'cursor':'pointer',
		'background-position': '0 -23px'
	});
}

function moreLinkUnhover()
{
	$(this).css(
	{
		'background-position': '0 0'
	});
}

function moreLinkClick()
{
 	// Fade out the link
	$(this).fadeOut(500);
	
	// Slide in the next paragraph
	$(this).parent().next().slideDown(400, 'easeInOutQuad');
	
	// Show the next header and moreLink
	$(this).oneTime(3000, function()
	{
		$($(this).parent().nextAll('h2')[0]).fadeIn(500).append('<span class="moreLink"></span>');
	
		// Re-register event listeners
		$('.moreLink').hover(moreLinkHover, moreLinkUnhover).click(moreLinkClick);
	});
}


