var menuItems = new Array();
var menuItemsTime = new Array();

var steps;

function initMenu() {
	steps = 15;
	
	for(i = 0; i < 11; i++) {
	   menuItems[i] = document.getElementById("menuItem" + (i + 1));
	}
}

function startPicFadeOut(opacity, tally_steps, picNum)
{
   if(menuItemsTime[picNum]) {
		clearTimeout(menuItemsTime[picNum]);
   }
	
   setOpacityPic(menuItems[picNum].style.opacity * 100, picNum);
   fadeOutPic(menuItems[picNum].style.opacity * 100 - 10, picNum);
}

function startPicFadeIn(opacity, picNum) {
    if(menuItemsTime[picNum]) {
		clearTimeout(menuItemsTime[picNum]);
    }
	
    setOpacityPic(menuItems[picNum].style.opacity * 100, picNum);
	fadeInPic(menuItems[picNum].style.opacity * 100 + 10, picNum);
}

function setOpacityPic(opacity, picNum) 
{
	opacity = (opacity == 100)?99.999:opacity;
	menuItems[picNum].style.filter = "alpha(opacity:"+opacity+")";
	menuItems[picNum].style.KHTMLOpacity = opacity/100;
	menuItems[picNum].style.MozOpacity = opacity/100;
	menuItems[picNum].style.opacity = opacity/100;
}

function fadeInPic(opacity, picNum) 
{
	if (opacity <= 100) 
	{
		setOpacityPic(opacity, picNum);
		opacity += 10;	
		menuItemsTime[picNum] = window.setTimeout("fadeInPic("+opacity+", " + picNum + ")", 30);
	} else {
	    setOpacityPic(100, picNum);
	}
}

function fadeOutPic(opacity, picNum) 
{
	if (opacity >= 0) 
	{
		setOpacityPic(opacity, picNum);
		opacity -= 10;
		menuItemsTime[picNum] = window.setTimeout("fadeOutPic("+opacity+", " + picNum + ")", 30);
	} else {
	   setOpacityPic(0, picNum);
	}
}