var staffnum=4;

function collapse(){
	var pos=185;
	
	if (!document.all && document.getElementById){
		for (var i=0; i<staffnum; i++){
			pos=pos+20;
			document.getElementById('title'+i).style.top = pos;	
			document.getElementById('title'+i).style.visibility = 'visible';	
			document.getElementById('menu'+i).style.top = pos+15;	
			document.getElementById('menu'+i).style.visibility = 'hidden';
		}
	}	
	else
	if (document.layers){
		for (var i=0; i<staffnum; i++){
			pos=pos+20;
			document.layers['title'+i].top = pos;	
			document.layers['menu'+i].visibility = 'hide';
			document.layers['menu'+i].top = pos+15;	
			document.layers['title'+i].visibility = 'show';
		}
	}
	else
	if (document.all){
		for (var i=0; i<staffnum; i++){
			pos=pos+20;
			document.all('title'+i).style.pixelTop = pos;	
			document.all('menu'+i).style.visibility = 'hidden';
			document.all('menu'+i).style.pixelTop = pos + 15;	
			document.all('title'+i).style.visibility = 'visible';
		}
	}	
	return;
}

function expand(index){
	var pos;
	var current;
	pos=185+(15*(index+1))+25;
	if (!document.all && document.getElementById){
		for (var i=index+1; i<staffnum; i++){
			current = document.getElementById('title'+i);
			pos += 20;
			current.style.top = pos;
		}
		document.getElementById('menu'+index).style.visibility = 'visible';
	}
	else
	if (document.layers){
		for (var i=index+1; i<staffnum; i++){
			document.layers['title'+i].top += 25;
		}
		document.layers['menu'+index].visibility = 'show';
	}
	else
	if (document.all){
		for (var i=index+1; i<staffnum; i++){
			document.all('title'+i).style.pixelTop += 25;
		}
		document.all('menu'+index).style.visibility = 'visible';
	}
	return;
}