// JavaScript Document
var btnOpacityTweenList = new Object();
var navigationList = new Array();
var selectedSection = 'nil';
var selectedSubsection = 'nil';
var selectedSubSubsection = 'nil';

function fadeInWithDelay(objects)
{
	for (var i = 0; i < objects.length; i++)
	{
		objects[i].setStyle({ opacity: 0 });
		new Effect.Opacity(objects[i], { to: 1, duration: 0.35, delay:i * 0.1});
	}
}

function fadeInWithDelayAndAlpha(objects, alpha)
{
	for (var i = 0; i < objects.length; i++)
	{
		objects[i].setStyle({ opacity: 0 });
		new Effect.Opacity(objects[i], { to: alpha, duration: 0.35, delay:i * 0.04});
	}
}

function onNavRollOver(which)
{
	if (btnOpacityTweenList[which])
	{
		btnOpacityTweenList[which].cancel();
	}
	btnOpacityTweenList[which] = new Effect.Opacity($(which), { to: 1.0, duration: 0.35})
	
	$('sub' + which).setStyle({ visibility: 'visible' });
	new Effect.Opacity($('sub' + which), { to: 1.0, duration: 0.35})
	
	if (navigationList.length > 0)
	{
		if (navigationList[navigationList.length - 1] != which)
		{
			onNavRollOut(navigationList[navigationList.length - 1]);
		}
	}
	
	if (navigationList[navigationList.length - 1] != which)
	{
		navigationList.push(which);
	}
	
	if (selectedSubsection != 'nil') $('subnav'+selectedSubsection).setStyle({ color:'#FFF'});
	if (selectedSubSubsection != 'nil') $('subnav'+selectedSubSubsection).setStyle({ color:'#FFF'});
}

function onNavRollOut(which)
{
	if (btnOpacityTweenList[which])
	{
		btnOpacityTweenList[which].cancel();
	}
	btnOpacityTweenList[which] = new Effect.Opacity($(which), { to: 0.5, duration: 0.35});
	new Effect.Opacity($('sub' + which), { to: 0, duration: 0.35, afterFinish:setVisibility(which)})
}

function setVisibility(which)
{
	$('sub' + which).setStyle({ visibility: 'hidden' });
}

function fadeOutLastSection()
{
	onNavRollOut(navigationList[navigationList.length - 1]);
	if (selectedSection != 'nil') onNavRollOver(selectedSection);
}

function onSubNavOver(which)
{
	if (selectedSubsection != which && selectedSubSubsection != which) $('subnav'+which).setStyle({ color:'#FFF'});
}

function onSubNavOut(which)
{
	if (selectedSubsection != which && selectedSubSubsection != which) $('subnav'+which).setStyle({ color:'#ababab'});
}