function fadeLayer(id, height){
		
	if(document.getElementById(id).style.display=="none"){
		//fade in	
		document.getElementById(id).style.display="block";

		growElem(id, 0, 20, height);
		
	}
	else if(document.getElementById(id).style.display!="none"){
		//fade out
		growElem(id, height, 10, 0);
		
	}
	return;
	
}

function growElem(id, value, step, limit){
	if(limit>=value){
		//grow

		value=value+step;
		if(value>limit){
			return;
		}
		else{
			document.getElementById(id).style.height=value+"px";
			setTimeout("growElem('"+id+"', "+value+", "+step+", "+limit+")",0);		
		}
	}
	else{
	//shrink
		value=value-step;
		if(value<=limit){
			document.getElementById(id).style.display="none";
			return;	
		}
		else{
			document.getElementById(id).style.height=value+"px";
			setTimeout("growElem('"+id+"', "+value+", "+step+", "+limit+")",0);		
		}
	}
}