$(document).ready(function() {
var overlay = $('<div id="mask"></div>');
$('body').addClass('js').append(overlay);
//!Tab Functionality 	

//displays corresponding tab content
$('#topics li,#tab-control nav li').each(function() {
	$(this).click(function() {
	var currentTopic = $(this).find('a').attr('href') + ' #tabbed-content'; 
	var topicURL = $(this).find('a').attr('href');
	var navLink = $('#tab-control nav li').find('a[href="' + topicURL + '"]').parent();	
//create mask to close overlay when user clicks outside of area	
	//hide content under overlay
	$('#intro').css('visibility', 'hidden'); 

	//Get the screen height and width  
	var maskHeight = $(document).height();  
	var maskWidth = $(window).width();  
	 	
	//Set height and width to mask to fill up the whole screen  
	$('#mask').css({'width':maskWidth,'height':maskHeight}).show();  
	
	//show tab control when clicked
	$('#tab-control').fadeIn('slow'); 
	$('#tab-control #container').load(currentTopic, function() {
		//create tabs from section headings
		$('.strap-line').after('<ul id="tab-list" class="group"></ul>');
		$('#tabbed-content div:not(.brands,#aside)').each(function(i) {
			var start = 1;
			var idNum = (start + i).toString();
			$('#tab-list').append('<li id="tab' + idNum + '"><a href="#tab' + idNum + '-content" data="#tab' + idNum + '-content"></a></li>');
			$('#tab'+ idNum + ' a').append($('#tab' + idNum + '-content h3'));
			});
		
		//sets first tab as "current"
		$('#tab-list li:first').addClass('current');
		
		//hides all tab content except first tab
		$('#tabbed-content div:not(.brands,#aside)').hide(); 
		$('#tabbed-content div:first').show(); 
		
		//switches between tabs
		$('#tab-list li').click(function() {
			$(this).addClass('current').siblings().removeClass('current'); 
			var currentTab = $(this).find('a').attr('data');
			$(currentTab).show().siblings('div:not(#aside)').hide();
			return false;
			});
		});
	//style tabbed content navigation
	navLink.addClass('current').siblings().removeClass('current');
	$('#tab-control nav li').click(function() {
		$(this).addClass('current').siblings().removeClass('current'); 
	});
	return false;
	});
}); 

//close tab control when clicking close button or off tab control
$('#close a').click(function() {
	$('#tab-control').hide();
	$('#mask').hide();
	//return content under overlay
	$('#intro').css('visibility', 'visible'); 
	return false;
});

$('#mask').click(function() {
	$(this).hide();
	$('#tab-control').hide();
	$('#intro').css('visibility', 'visible'); 
});
	
	
});