// variables

var hide_delay = 1000;

var MENUITEMS_POS = [
	['menuitem1',220,22],
	['menuitem2',460,22],
	['menuitem3',120,22]
];

// functions

function collapseMenu(id) {
	if(this.showtimer)
		return;
	document.getElementById(id).style.visibility = 'hidden';
}

function expandMenu(id) {
	if(this.hidetimer)
		clearTimeout(this.hidetimer);

	var left = document.getElementById('menu').offsetLeft;
	var top = document.getElementById('menu').offsetTop;
	
	for(i=0; i<this.MENUITEMS_POS.length; i++){
		if(MENUITEMS_POS[i][0]==id) {
			document.getElementById(id).style.top = (top + MENUITEMS_POS[i][2]) + 'px';
			document.getElementById(id).style.left = (left + MENUITEMS_POS[i][1]) + 'px';
			document.getElementById(id).style.visibility = 'visible';
		} else {
			document.getElementById(MENUITEMS_POS[i][0]).style.visibility = 'hidden';
		}
	}
}

function showMenu(id) {
	expandMenu(id);
}

function hideMenu(id) {
	this.hidetimer = setTimeout('collapseMenu(\'' + id + '\');', hide_delay);
}