$(document).ready(function()
{
	$('#nav li a.clickable').click(function(e)
	{
		e.preventDefault();
		
		var closeNav = $(this).siblings('.dropDown').hasClass('visible');
		
		// Close navigation if already open.
		if(closeNav)
			$('#nav').trigger('close');
		else
		{
			// Hide popups / button states.
			$('#nav li .dropDown').removeClass('visible');
			$('#nav li a.clickable').removeClass('on');
			
			// Show current popup / down button state.
			$(this).siblings('.dropDown').addClass('visible');
			$(this).addClass('on');
			
			// Show overlay.
			$('.popupOverlay').height($('body').height()).addClass('visible');
		}
	});
	
	$('.popupOverlay').live('click', function(e)
	{
		$('#nav').trigger('close');
	});
	
	$('#navHeadSublinks, #clientLogo').click(function(e)
	{
		$('#nav').trigger('close');
	});
	
	$('#nav').bind('close', function()
	{
		// Hide popups.
		$(this).find('li .dropDown').removeClass('visible');
		
		// Hide overlay.
		$('.popupOverlay').removeClass('visible');
		
		// Remove down state for buttons.
		$('#nav li a.clickable').removeClass('on');
	});
});