//init vars
var divContentWidth = new Number;

var navClickable = new Boolean;  //prevents the nav from being clicked while it's still animating
navClickable = true;



//when dom is ready
jQuery(initNavigation);



//function
function initNavigation() {
	divContentWidth = jQuery('.navigationContentBlock').width();
	
	//setup click events for the nav buttons
	jQuery('#navigationButtons li').click(function(e) {
		
		e.preventDefault();
		
		navigationShow(jQuery(this).attr('id'));
		
		
	});
	
	updateNavigation();
	
	
	
}
function navigationShow( content ) {
	
	if(navClickable == false)
	{
		
		return false;
	}
	
	navClickable = false;
	
	//move wrapper div to show the right content through the "window"
	content = jQuery('#' + content.replace('Btn',''));
	contentIndex = jQuery('#navigationContentWrapper .navigationContentBlock').index(content);
	
	currentSectionBtn = '#' + content.attr('id') + 'Btn';
	
	if(jQuery(currentSectionBtn).hasClass('navigationOn'))
	{
		navClickable = true;
		return;
		
	}
	
	jQuery('#navigationContentWrapper').animate({left: (-1 * divContentWidth) * (contentIndex)}, 'slow', function()
	{
		
		
		catBtn = jQuery('#navigationCategoriesBtn');
		pastBtn = jQuery('#navigationPastIssuesBtn');
		selectedBtn = jQuery('#navigationSelectedIssueBtn');
		
		//resort nav button li
		jQuery('#navigationButtons li').fadeOut('fast', function()
		{
			jQuery('#navigationButtons li').removeClass('navigationOn').removeClass('navigationLeft').removeClass('navigationRight');
		
			if(currentSectionBtn == '#navigationPastIssuesBtn')
			{
				jQuery('#navigationButtons').append(catBtn).append(pastBtn).append(selectedBtn);
				catBtn.addClass('navigationLeft');
				pastBtn.addClass('navigationOn');
				selectedBtn.addClass('navigationRight');
				
			}
			if(currentSectionBtn == '#navigationSelectedIssueBtn')
			{
				jQuery('#navigationButtons').append(pastBtn).append(selectedBtn).append(catBtn);
				pastBtn.addClass('navigationLeft');
				selectedBtn.addClass('navigationOn');
				catBtn.addClass('navigationRight');
			}
			if(currentSectionBtn == '#navigationCategoriesBtn')
			{
				jQuery('#navigationButtons').append(selectedBtn).append(catBtn).append(pastBtn);
				selectedBtn.addClass('navigationLeft');
				catBtn.addClass('navigationOn');
				pastBtn.addClass('navigationRight');
			}
			
			jQuery('#navigationButtons li').fadeIn('fast', function()
			{
				
			});
			
			navClickable = true;
			updateNavigation();
			
		});
	});
}
function updateNavigation() {
	totalButtons = jQuery('#navigationButtons li').size();
	selectedButton = jQuery('#navigationButtons .navigationOn');
	var buttons = new Array;
	var navDiv = new Array;
	var navDivSort = new Array;
	
	for(i = 0; i < totalButtons; i++)
	{
		buttons[i] = jQuery('#navigationButtons li').eq(i);
		navDiv[i] = '#' + buttons[i].attr('id').replace('Btn','');
	}
	
	
	for(i = 0; i < totalButtons; i++)
	{
		navDivSort[totalButtons - 1 - i] = navDiv[i];
	}
	
	for(i = 1; i < totalButtons; i++)
	{
		jQuery(navDivSort[i]).insertAfter(jQuery(navDivSort[i-1]));
	}
	
	jQuery('#navigationContentWrapper').css('left', (-1 * divContentWidth));
}