function divMouseover(id) {
	id.className="item_mouseover";
}
function divMouseout(id) {
	id.className="item";
}

var menuPosition = -100;
var currentMenu;
var menuAnimatorInterval;
var menuTop;
var menuOpacity;

function showMenu(menu, theTop) {
	menuTop = theTop;
	currentMenu = document.getElementById(menu);
	currentMenu.style.visibility = "visible";
	theTop -= 20;
	currentMenu.style.top = theTop + "px";
	menuAnimatorInterval = setInterval("animateMenu()",20);	
	menuOpacity = 0.0;
	currentMenu.style.opacity = menuOpacity;
}

function hideMenu(menu) {
	currentMenu = document.getElementById(menu);
	currentMenu.style.visibility = "hidden";
	currentMenu.top = menuTop-20 + "px";
	menuPosition = menuTop - 20;
	clearInterval(menuAnimatorInterval);
}

function animateMenu() {
	
	menuPosition += 1;
	if (menuPosition > menuTop) {
		menuPosition = menuTop;
	}
	
	menuOpacity += 0.05;
	if (menuOpacity > 0.8) {
		menuOpacity = 0.8;
	}
	
	currentMenu.style.opacity = menuOpacity;
	currentMenu.style.top = menuPosition + "px";
}