// jQuery for tabbedContainer
$(document).ready(function() {
	// initialize tabs
	$("div.tabbedContainer > div.tabContent").hide();

	$("#popularBlock.tabbedContainer li:first").addClass("active");
	$("#popularBlock.tabbedContainer div:first").show();
	$("#subscriptionTabs.tabbedContainer li:first").addClass("active");
	$("#subscriptionTabs.tabbedContainer div:first").show();
	// detect click on tab
	$(".tabMenu > li").click(function(e) {
		/*********************************
		You must identify which tabbed
		container because there are
		multiple containers on the page
		*********************************/
		switch (e.target.id) {
			case "popular":
				$("div#popularBlock ul.tabMenu li").removeClass("active");
				$("div#popularBlock > div.tabContent").hide();
				$("div#popularBlock li#popular").addClass("active");
				$("div#popularBlock div.popular").show();
				break;
            case "recent":
                $("div#popularBlock ul.tabMenu li").removeClass("active");
                $("div#popularBlock > div.tabContent").hide();
                $("div#popularBlock li#recent").addClass("active");
                $("div#popularBlock div.recent").show();
                break;
			case "comments":
				$("div#popularBlock ul.tabMenu li").removeClass("active");
				$("div#popularBlock > div.tabContent").hide();
				$("div#popularBlock li#comments").addClass("active");
				$("div#popularBlock div.comments").show();
				break;
			case "emailTab":
				$("div#subscriptionTabs ul.tabMenu li").removeClass("active");
				$("div#subscriptionTabs > div.tabContent").hide();
				$("div#subscriptionTabs li#emailTab").addClass("active");
				$("div#subscriptionTabs div.emailTab").show();
				break;
			case "rssTab":
				$("div#subscriptionTabs ul.tabMenu li").removeClass("active");
				$("div#subscriptionTabs > div.tabContent").hide();
				$("div#subscriptionTabs li#rssTab").addClass("active");
				$("div#subscriptionTabs div.rssTab").show();
				break;
			case "ereportTab":
				$("div#subscriptionTabs ul.tabMenu li").removeClass("active");
				$("div#subscriptionTabs > div.tabContent").hide();
				$("div#subscriptionTabs li#ereportTab").addClass("active");
				$("div#subscriptionTabs div.ereportTab").show();
				break;
		}
	});
});