// JavaScript Document

var x = 0.0;
var plist = 3;
function init()
{
	document.getElementById("mainnav").style.width = document.body.clientWidth - 176 +"px"
	move(500,100,1500)
	fader(20,10,300,0,0)
}

function resize()
{
	document.getElementById("mainnav").style.width = document.body.clientWidth - 176 +"px"	
}

function move(dist, steps, time)
{
	var mnpos = dist - parseInt(dist*109.09091*(x/steps)*(x/steps)*(x/steps)*(x/steps)*(((1/6)*(x/steps)-0.37)*(x/steps)+0.2125))
	var linkColor = parseInt(255-(102*x/steps))
	var textColor = parseInt(255-(255*x/steps))
	x++
	document.getElementById("mnav").style.padding = "0 "+(30+mnpos)+"px"+ " 0 0"
	document.getElementById("mnav").style.color = "rgb("+textColor+","+textColor+","+textColor+")"
	links = document.getElementsByName("mnavlink")
	for(a=0; a<links.length;a++)
	{
		links[a].style.color = "rgb("+linkColor+","+linkColor+","+linkColor+")"
	}
	if (x < steps)
		t=setTimeout('move('+dist+','+steps+','+time+')',time/steps)
}

function fader(dist, steps, time, toFade, y)
{
	var pnpos = dist*toFade + dist*(3*(y/steps)*(y/steps)-2*(y/steps)*(y/steps)*(y/steps))
	var linkColor = parseInt(204-(204*y/steps))
	y++
	links = document.getElementsByName("pnavlink")
	for(a=toFade; a<links.length;a++)
	{
		links[a].style.top = parseInt(pnpos)+"px"
	}
	links[toFade].style.color = "rgb("+linkColor+","+linkColor+","+linkColor+")"
	if (y < steps)
		t=setTimeout('fader('+dist+','+steps+','+time+', '+toFade+', '+y+')',time/steps)
	else if (toFade < plist)
	{
		toFade++;
		t=setTimeout('fader('+dist+','+steps+','+time+', '+toFade+', 0)',time/steps)
	}
}

function mouseOver(hlink)
{
	hlink.style.color = "#990000";	
}

function mouseOut(hlink, oldColor)
{
	hlink.style.color = oldColor;
}