var menuAnimator =
{
	menuLinks: null,
	MAXPHASE: 9,
	
	init: function()
	{
		var menuDiv = document.getElementById("menu");
		menuLinks = menuDiv.getElementsByTagName("a");
		for (var i = 0; i < menuLinks.length; i++) {
			menuLinks[i].onmouseover = menuAnimator.MouseOver;
			menuLinks[i].onmouseout = menuAnimator.MouseOut;
			menuLinks[i]._index = i;
			menuLinks[i]._animDirection = 0;
			menuLinks[i]._animPhase = 0;
		}
	}, 
	MouseOver: function()
	{
		clearTimeout(this._timer);
	
		if (this._animPhase < menuAnimator.MAXPHASE) {
			this._animDirection = 1; 
			this._timer = setTimeout("menuAnimator.Animate(" + this._index + ")", 10);
		}
		else
			this._animDirection = 0;
			
		return false; 
	},
	MouseOut: function()
	{
		clearTimeout(this._timer);
	
		if (this._animPhase > 0) {
			this._animDirection = -1; 
			this._timer = setTimeout("menuAnimator.Animate(" + this._index + ")", 80);
		}
		else
			this._animDirection = 0; 
	},
	Animate: function(index)
	{
		if (menuLinks[index]._animDirection != 0) {
			menuLinks[index]._animPhase += menuLinks[index]._animDirection;		
			//menuLinks[index].firstChild.textContent = menuLinks[index]._animPhase;
			menuLinks[index].style.backgroundPosition = "center -" + (menuLinks[index]._animPhase * 40) + "px";
			
			if (menuLinks[index]._animPhase == 0 || menuLinks[index]._animPhase == menuAnimator.MAXPHASE) {
				menuLinks[index]._animDirection = 0;
			}
			else {
				if (menuLinks[index]._animDirection == 1)	
					menuLinks[index]._timer = setTimeout("menuAnimator.Animate(" + index + ")", 10);
				else
					menuLinks[index]._timer = setTimeout("menuAnimator.Animate(" + index + ")", 80);
			}
		}
	}
}

//window.onload = init;
if (typeof window.addEventListener != "undefined")
	window.addEventListener("load", menuAnimator.init, false);
else
	window.attachEvent("onload", menuAnimator.init);