// JS document

$(document).ready(function(){
	
	//turn on the navigation and hide the right content section for first tab default
	$('.tabbed-content .tab-nav').css({'display' : 'block'});
	$('.tabbed-content .tab-nav li:first-child').addClass('selected-tab');
	$('.tabbed-content > div').not('.clear-both').css({'display' : 'none'});
	$('.tabbed-content > ul + div').css({'display' : 'block'});
	
	//turn on the navigation and hide the right content section for second tab default
	$('.tabbed-content-alt .tab-nav').css({'display' : 'block'});
	$('.tabbed-content-alt ul').children('li:nth-child(2)').addClass('selected-tab');
	$('.tabbed-content-alt > div').not('.clear-both').css({'display' : 'none'});
	$('.tabbed-content-alt').children('div:nth-child(4)').css({'display' : 'block'});
	
	//set up changing the tabs
	$('.tab-nav').find('li').click(function(){
		//change which nav tab is selected
		$(this).siblings().removeClass('selected-tab');
		$(this).addClass('selected-tab');
		//change which content is selected
		$(this).parent().parent().children('div').not('.clear-both').css({'display' : 'none'});
		var index = $(this).parent().children().index(this);
		$(this).parent().parent().children('div:eq('+index+')').css({'display' : 'block'});
		//stop the ancors default action
		return false;
	});
});