// When the document loads do everything inside here ...
$(document).ready(function(){
	// When a link is clicked
	$("a.tab").click(function () {
		// switch all tabs off
		$(".tabbed_area ul.tabs a.active").removeClass("active");
		
		// switch this tab on
		$(this).addClass("active");
		
		/*
		// slide all tabcontent up
		$(".tabcontent").slideUp();
		
		// slide this tabcontent up
		var content_show = $(this).attr("title");
		$("#"+content_show).slideDown();
		*/
		
		$(".tabcontent").hide(); 					//Hide all tab content
		var activeTab = $(this).attr("title");		//$(this).find("a").attr("href"); 	//Find the rel attribute value to identify the active tab + content
		//$("#"+activeTab).fadeIn(); 				//Fade in the active content
		$("#"+activeTab).show();					//faster
	});
});