// JavaScript Document

var navItems = Array();
var navParent;
var currentPageElement, defaultPageElement;
var currentColor;
var faderCount = 0;
var hoverColor = "#000";
var animationElement;
var fade = true;
var fading = false;

function Animate(input)
{
	if (!fading)
	{
		fade = true;
		animationElement = input;
		fading = true;
		FadeLoop();
	}
	else
		setTimeout(function(){Animate(input)}, 100);			
}

function cancelRun()
{
	running = false;
}

function FadeLoop()
{
	if (faderCount < 5)
		animationElement.style.opacity = 1 - (faderCount * .1);
	else if (faderCount == 9)
		faderCount = -1;
	else
	{
		animationElement.style.opacity = .2 + (faderCount * .1);
	}
		
	faderCount++;
	
	if (faderCount == 0)
	{
		if (fade)
			setTimeout("FadeLoop()", 1000);
		else
			fading = false;
	}
	else
		setTimeout("FadeLoop()", 80);		
}

function GetNav()
{
	navParent = document.getElementById("NavContainer");	
	var count = 0;
	
	for (x = 0; x < navParent.childNodes.length; x++)
	{
		var node = navParent.childNodes.item(x);
		
		if(node.tagName == "A")
		{
			node.onmouseover = function()
			{
				//Animate(this);
			}
			node.onmouseout = function()
			{
				fade = false;
			}
			navItems[count] = node;
			count++;
		}
	}
}

function MouseOver(input)
{
	currentPageElement.style.color = currentColor; //Make the current element its orginal color	
	currentColor = input.style.color; //Set the currentColor to the new element so we can swap it when its mousedout
	currentPageElement = input;
	currentPageElement.style.color = hoverColor;	
	
}

function Nav(input)
{
	GetNav();
	
	if (input != null)
		defaultPageElement = navItems[input];
	else
		defaultPageElement = navItems[0];
	
	currentPageElement = defaultPageElement;	
	MouseOver(defaultPageElement);
	
	//Animate(defaultPageElement);
}