$(document).ready(function(){
    
    var dtContId = "TabContID";
    var tabParents = $('#tabs-container li');
    var tabContentBox = $('#tabbed-content .tab-content');

   	tabParents.each(function(){
		var parentTab = $(this);
		var contID = parentTab.attr("id").split(':')[1];
	
		parentTab.data(dtContId, $("#" + contID)).click(function(e){
			e.preventDefault();
			
			tabParents.removeClass("active-tab");
			parentTab.addClass("active-tab");
			tabContentBox.addClass("hidden");
			if (parentTab.data(dtContId)){
				parentTab.data(dtContId).removeClass("hidden");
			}
		})
	})
});