$(document).ready(function(){
	
	// assign class 'Active' to GlobalNav and assign section background image
	$.fn.makeActiveGlobalNav = function() {
		var section = $(this).attr('id');
		$(this).find('.Text, .Diamond').remove();
		$(this).append('<img class="Text" src="/images/GlobalNav/' + section + '_Active.png" alt=" ' + section + '" />');
		$(this).addClass('Active').css({'cursor':'default'});
		$(this).unbind('mouseover').unbind('click');
						
		$('#FlashContainer').addClass(section);
	};
	
	// assign class 'Active'
	$.fn.makeActive = function() {
		$(this).addClass('Active');
	};

	// page nav and sub content interaction
	var $sub_content = $('#MultiContent');
	var $page_nav = $('#PageNav');
	
	$sub_content.find('div:first').addClass('Visible');
	
	$page_nav.find('a').click(function(){
		var $this = $(this);
		
		$this.parents('ul').find('.Active').removeClass('Active');
		$this.parent().addClass('Active');
		
		$sub_content.children('.Visible').removeClass('Visible');
		
		var cur_index = $(this).parents('ul').children('li').index($(this).parent());
		
		$sub_content.find('div').eq(cur_index).addClass('Visible'); 
		
	});
	
	// page nav and sub content interaction ends	
	
});