var active_link = false;
var active_group = false;

$( document ).ready(
	function()
	{
		
		$( '#affiliate_link' ).click(
			function()
			{
				
				if ( active_group != '#sub_group_affiliates' )
				{
					
					show_sub_group( $( this ), '#sub_group_affiliates' );
					
				} else
				{
					
					hide_sub_group( active_link, active_group );
					
				}
				
			}
		);
		
		$( '#distributor_login_link' ).click(
			function()
			{
				
				if ( active_group != '#sub_group_distributor_login' )
				{
					
					show_sub_group( $( this ), '#sub_group_distributor_login' );
					
				} else
				{
					
					hide_sub_group( active_link, active_group );
					
				}
			}
		);
		
		$( '#architect_login_link' ).click(
			function()
			{
				
				if ( active_group != '#sub_group_architect_login' )
				{
					
					show_sub_group( $( this ), '#sub_group_architect_login' );
					
				} else
				{
					
					hide_sub_group( active_link, active_group );
					
				}
			}
		);
		
		$( '#contact_link' ).click(
			function()
			{
				
				if ( active_group != '#sub_group_contact' )
				{
					
					show_sub_group( $( this ), '#sub_group_contact' );
					
				} else
				{
					
					hide_sub_group( active_link, active_group );
					
				}
			}
		);
		
		$( '.sub_group_close' ).click(
			function()
			{
				
				hide_sub_group( active_link, active_group );
				
			}
		);
		
	}	
);

function show_sub_group ( sent_link, sent_group )
{
	
	$( sent_link ).removeClass();
	$( sent_link ).addClass( 'top_link_active' );
	$( sent_group ).animate( { opacity: 'show', height: 'show' }, 500 );
	
	// hide active links
	hide_sub_group( active_link, active_group );
	
	// set active link
	active_link = sent_link;
	active_group = sent_group;
	
}

function hide_sub_group ( sent_link, sent_group )
{
	
	$( sent_link ).removeClass();
	$( sent_link ).addClass( 'top_link_inactive' );
	$( sent_group ).animate( { opacity: 'hide', height: 'hide' }, 500 );
	
	active_link = false;
	active_group = false;
	
}