//function to hide/show content depending on tab clicked
$(function(){
	var about_show = $.cookie('about_show');
	if(about_show) {
		$("div.biog").hide();
		$("div#" + about_show).show();
		$("div#biogs ul li a[href=#" + about_show + "]").addClass("active");
	} else {
		$("div.biog").hide();
		$("div.biog:first").show();
		$("div#biogs ul li a:first").addClass("active");
	}
	
	$("div#biogs ul li a").click(function(){
		$(".active").removeClass("active");
		$(this).addClass("active");
		
		var content_show = $(this).attr("href");  
	    $("div.biog").hide();
		$(content_show).fadeIn();
		
		if(content_show == '#duo') $.cookie('about_show', 'duo');
		if(content_show == '#julie') $.cookie('about_show', 'julie');
		if(content_show == '#chris') $.cookie('about_show', 'chris');
		if(content_show == '#other') $.cookie('about_show', 'other');
		
		return false;
	});
});