// When the document loads do everything inside here ...
$(document).ready(function()
{
	$('.tabbed_area').each( function()
	{
		//$(this).css('background','red');
		
		// When a link is clicked
		/*$(this).find("a.tab").css(
		'background','lime'
		);*/
		$(this).find("a.tab").click(function () 
		{
			//alert('ok');
	
			// switch all tabs off
			//$(this).parents('.tabbed_area').css('background','red');
			$(this).parent().parent().find(".active").removeClass("active");
		
			// switch this tab on
			$(this).addClass("active");
			
			// slide all content up
			$(this).parents('.tabbed_area').find(".content").slideUp();
			
			// slide this content up
			var content_show = $(this).attr("title");
			$("#"+content_show).slideDown();
		  
		
		});
	
	});
	
	
	
	
	
	  });