function fade(id,from,to,speed,increment) {

	// Get object
	obj = document.getElementById(id);

	if(obj) {
		// Correct parameters
		if(from<0) from=0;
		if(to<0) to=0;
		if(from>100) from=100;
		if(to>100) to=100;
		if(speed<0) speed=1;
		if(increment<0) increment=1;
	
		// Display or hide item
		if(to==0 && from==0) obj.style.display='none';
		if(from==0 && to!=0) obj.style.display='block';

		// Fade in or out
		if(to>from)	{
			// Fading in
			new_opacity = from + (increment/10);
			if(new_opacity>to) new_opacity=to;
		} else {
			// Fading out
			new_opacity = from - (increment/10);
			if(new_opacity<to) new_opacity=to;
		}
	
		// Set new style
		obj.style.filter='alpha(opacity='+(Math.round(new_opacity))+')';
		obj.style.MozOpacity=new_opacity/100;
		obj.style.opacity=new_opacity/100;
	
		// Recursive until fading complete
		if(from!=to) setTimeout('fade("'+id+'",'+new_opacity+','+to+','+speed+','+increment+')',1000/speed);
	}
}
