$(document).ready(function()
{
	$('#articles article').each(function()
	{
		$(this).click(function()
		{
			$('#articles article').removeClass('active');
			
			$(this).addClass('active');
			
			$(this).prev().css('background', 'none');
			$(this).prev().prev().css('background', "url('../images/article-background.png') bottom left repeat-x");
			$(this).next().css('background', "url('../images/article-background.png') bottom left repeat-x");
			
			var rel = $(this).attr('rel');
			
			if($('#feature #images img[rel="'+rel+'"]').is(':hidden'))
			{
				$('#feature #images img').fadeOut();
				$('#feature #images img[rel="'+rel+'"]').fadeIn();
				
				//$('#feature-wrapper #background-images img').fadeOut();
				//$('#feature-wrapper #background-images img[rel="'+rel+'"]').fadeIn();
			}
			
		});
	});
});