var speed       = 10;
var step        = 5;
var opacity     = 0;
var opacity_min = 0;
var opacity_max = 100

if (document.all)
{
	var prop = "filter";
}
else
{
	var prop = "opacity";
	opacity = opacity / 100;
	opacity_max = opacity_max / 100;
	step = step / 100;
}

function showHide(id,d){
	
	if (d < 0)
	{
		opacity -= step;
		document.getElementById(id).style[prop] = (document.all) ? 'alpha(opacity=' + (opacity) + ')' : opacity;
		if (opacity > (0 + step)){
			setTimeout("showHide('"+id+"',-1)",speed);
		} else {
			if (opacity > 0){
				document.getElementById(id).style[prop] = (document.all) ? 'alpha(opacity=' + opacity_min + ')' : opacity_min;
				document.getElementById(id).style['display'] = "none";
			}
		}
	}
	else if(d > 0)
	{            
		document.getElementById(id).style['display'] = "";
		opacity += step;
		document.getElementById(id).style[prop] = (document.all) ? 'alpha(opacity=' + (opacity) + ')' : opacity;
		if (opacity < (opacity_max - step)){
			setTimeout("showHide('"+id+"',1)",speed);
		} else {
			if (opacity < opacity_max){
				document.getElementById(id).style[prop] = (document.all) ? 'alpha(opacity=' + (opacity_max) + ')' : opacity_max;
                if(document.all)
                {
                    var style = document.getElementById(id).style[prop];
                    document.getElementById(id).style[prop] = '';
                }
			}
		}
	}
}
