/*-----------------------------------------------------------------------------*/
/* Display object with fade in or fade out effect
 * sObjId -> Object ID 
 * sType -> display or hide
 * iOpacity -> Start opacity value
 * iStep -> Step to increase/decrease opacity
/*-----------------------------------------------------------------------------*/
function fnFade(sObjId, sType, iOpacity, iStep) {
	if (document.getElementById) {
		oDiv = document.getElementById(sObjId);

		switch (sType) {
			case 'display':
		    	if (iOpacity <= 100) {
		      		fnSetOpacity(oDiv, iOpacity);
		      		iOpacity += iStep;
		    	}
			break;
	
			case 'hide':
		    	if (iOpacity >= 0) {
		      		fnSetOpacity(oDiv, iOpacity);
		      		iOpacity -= iStep;
		    	}
			break;
	
			default:
			break;
		}
      	window.setTimeout("fnFade('"+sObjId+"','"+sType+"',"+iOpacity+","+iStep+")", 100);
    }
} /* fnFade() */


function fnSetOpacity(obj, opacity) {
  opacity = (opacity == 100)?99.999:opacity;
  
  obj.style.filter = "alpha(opacity:"+opacity+")"; // IE/Win
  obj.style.KHTMLOpacity = opacity/100; // Safari<1.2, Konqueror
  obj.style.MozOpacity = opacity/100; // Older Mozilla and Firefox
  obj.style.opacity = opacity/100; // Safari 1.2, newer Firefox and Mozilla, CSS3
}