var navObjs = new Array(6);
var navWidths = new Array(129,129,129,129,129,129);
var curNav = null;

function init()
{
	var l = navObjs.length;

	var snc;
	var gnc = getLayerById("gn");
	var x = getPagePosition(gnc, 0, "x");
	
	for (var i = 0; i <l; i++)
	{
		navObjs[i] = new Object();
		
		navObjs[i].sn = getLayerById("sn"+i+"_m");
		
		snc = getLayerById("sn"+i);
		moveX(snc, x);
		x += navWidths[i] + 1;

		navObjs[i].h = getHeight(navObjs[i].sn);	
		moveY(navObjs[i].sn, -navObjs[i].h);
		showLayer(navObjs[i].sn);

		assignMouseOverHandler(navObjs[i].sn, new Function("cancelHide(" + i + ");"));			
		assignMouseOutHandler(navObjs[i].sn, new Function("navOff(" + i + ");"));
		
		navObjs[i].hideTimer = null;
		navObjs[i].moveTimer = null;
		
	}
}

function navOn(n)
{
	cancelHide(n);
	hideAllNavs(n);
	showNav(n);
}

function navOff(n)
{
	if (navObjs[n] != null)
	{
		navObjs[n].hideTimer = setTimeout("hideNav("+n+");", 100);
	}
}

function showNav(n)
{
	if (navObjs[n] != null)
	{
		clearTimeout(navObjs[n].moveTimer);
		if (n == curNav)
		{
			var y = getY(navObjs[n].sn) + 20;
			if (y < 0)
			{
				moveY(navObjs[n].sn, y);
				navObjs[n].moveTimer = setTimeout("showNav("+n+");", 50);
			}
			else
			{
				moveY(navObjs[n].sn, 0);
				navObjs[n].moveTimer = null;
			}
		}
		else
		{
			hideNav(n);
		}
	}
}

function hideNav(n)
{
	if (navObjs[n] != null)
	{
		clearTimeout(navObjs[n].moveTimer);
		var y = getY(navObjs[n].sn) - 20;
		
		if (y > -navObjs[n].h)
		{
			moveY(navObjs[n].sn, y);
			navObjs[n].moveTimer = setTimeout("hideNav("+n+");", 50);
		}
		else
		{
			moveY(navObjs[n].sn, -navObjs[n].h);
			navObjs[n].moveTimer = null;
		}
	}
}

function cancelHide(n)
{
	if (navObjs[n] != null)
	{
		clearTimeout(navObjs[n].hideTimer);
		navObjs[n].hideTimer = null;
	}
}

function hideAllNavs(n)
{
	var l = navObjs.length;
	
	for (var i = 0; i < l; i++)
	{
		if (i != n)
		{
			hideNav(i);
		}
	}
	
	curNav = n;
}

function sNavOver(el)
{
	setStyleAtt(el, "background", "#666666");
}

function sNavOut(el)
{
	setStyleAtt(el, "background", "#cccccc");
}

function setStyleAtt(el, att, val)
{
	if (el.style)
	{
		s = el.style;
		eval("el.style." + att + " = val;");
	}
}