$(document).ready(function()
{
	// Hide the tabs that are not shown initially.
	$('.char_profile_missions_current').hide();
	$('.char_profile_missions_completed').hide();
	$('.char_profile_perks_completed').hide();
	$('.char_profile_perks_inprogress').hide();
	
	// Set up the tab buttons to trigger showing their tab and hiding others.
	$("#main_profile_button").live('click', function() {
		$('.char_profile_missions_current').hide();
		$('.char_profile_missions_completed').hide();
		$('.char_profile_perks_completed').hide();
		$('.char_profile_perks_inprogress').hide();
		
		$('.char_profile_bars').show();
		$('.char_profile_powers').show();
		$('.char_profile_bio').show();
		
		$('.char_tab_basic').removeClass('active_tab');
		$(this).addClass('active_tab');
	});
	$("#missions_button").live('click', function() {
		$('.char_profile_perks_completed').hide();
		$('.char_profile_perks_inprogress').hide();
		$('.char_profile_bars').hide();
		$('.char_profile_powers').hide();
		$('.char_profile_bio').hide();
		
		$('.char_profile_missions_current').show();
		$('.char_profile_missions_completed').show();
		
		$('.char_tab_basic').removeClass('active_tab');
		$(this).addClass('active_tab');
	});
	$("#perks_button").live('click', function() {
		$('.char_profile_bars').hide();
		$('.char_profile_powers').hide();
		$('.char_profile_bio').hide();
		$('.char_profile_missions_current').hide();
		$('.char_profile_missions_completed').hide();
		
		$('.char_profile_perks_completed').show();
		$('.char_profile_perks_inprogress').show();
		
		$('.char_tab_basic').removeClass('active_tab');
		$(this).addClass('active_tab');
	});
	
	// Add pagination to the perks tab.
	$('.perk_page').paginate({navLabels:'| Prev | Next |',navClassName:'perk_nav'});
});