$(document).ready(function(){		
	
	$("a.tab").hover(function () {		
		
		$(".active").removeClass("active");	
		$(this).addClass("active");
		// slide all content up
		$(".content").hide();		
		// slide this content up
		var content_show = $(this).attr("title");
		$("#"+content_show).show();	
	
	
		
	},
	function()
	{
		$(this).removeClass("active");
		
	}
	
	);
	$("a.not").hover(function () {	
	$(".content").hide();
	});
	$(".content").hover(function () {	
		var id= $(this).attr("id");
		$("a.tab[title="+id+"]").addClass("active");

	});
	$(".tabbed_area").bind("mouseleave",function(){
		$(".content").hide();
		$("a.tab").removeClass("active");
	});
	
});