var moving = false;
var menuspeed = 1;
var menuinc = 3;
var direction = [true, true, true];
var finishPos = 130;
var basePos = 59;
var pos = [0, 0, 0];

function slide(menunum) {
	menuname = 'menu' + menunum;
	positionname = 'pos' + menunum;
	menu = document.getElementById(menuname);
	posdiv = document.getElementById(positionname);
	var outerleft = getPosOffset(posdiv, "left");
	var outerwidth = posdiv.offsetWidth;
	var leftpos = (outerleft + (outerwidth / 2) + 20) - 50;
	menu.style.left = leftpos + "px";
	
	if(direction[menunum - 1]) {
		menu.style.top = basePos + "px";
		menu.style.visibility = "visible";	
		direction[menunum - 1] = false;		
		slideDown(menunum);
	} else {
		direction[menunum - 1] = true;
		slideUp(menunum);
	}
}

function slideDown(menunum) {
	posindex = menunum - 1;
	menuname = 'menu' + menunum;
	menu = document.getElementById(menuname);
	
	if(pos[posindex] <= finishPos) {
		pos[posindex] = pos[posindex] + menuinc;
		menu.style.height = pos[posindex] +  'px';
		scmd = 'slideDown(' + menunum + ')';
		setTimeout(scmd, menuspeed);
	} 
}

function slideUp(menunum) {
	posindex = menunum - 1;
	menuname = 'menu' + menunum;
	menu = document.getElementById(menuname);
	
	if(pos[posindex] > 0) {
		pos[posindex] = pos[posindex] - menuinc;
		menu.style.height = pos[posindex] +  'px';
		scmd = 'slideUp(' +  menunum + ')';
		setTimeout(scmd, menuspeed);
	}
	if(pos[posindex] <=0) menu.style.visibility = "hidden";	
}

function getPosOffset(what, offsettype) {
	var totaloffset = (offsettype=="left") ? what.offsetLeft : what.offsetTop;
	var parentEl=what.offsetParent;
	while (parentEl != null){
		totaloffset = (offsettype=="left")? totaloffset+parentEl.offsetLeft : totaloffset+parentEl.offsetTop;
		parentEl = parentEl.offsetParent;
	}
	return totaloffset;
}