<!--
var dom = (document.getElementById) ? true : false; 
var ns5 = ((navigator.userAgent.indexOf("Gecko")>-1) && dom) ? true: false; 
var ie5 = ((navigator.userAgent.indexOf("MSIE")>-1) && dom) ? true : false; 
var ns4 = (document.layers && !dom) ? true : false; 
var ie4 = (document.all && !dom) ? true : false; 
var ImgCollapse = "Images/Collapse.gif";
var ImgExpand = "Images/Expand.gif";

function GetObj(Id) 
{ 
  if (dom) 
	{
		return document.getElementById(Id);
	}
  return (ns4) ? document.layers[Id] : (ie4) 
	             ? document.all[Id] : (ie5||ns5) 
							 ? document.getElementById(Id) : null; 
}

function ExpandCollapse(_ImgObj, ExpColObj)
{
	// 1 - Get the reference of the object.
	var Obj = GetObj(ExpColObj);
	if (Obj) 
	{
		var Expand = false;
		// 1 - Check if it is to expand or collapse.
		if (Obj.className === "Invisible") 
		{
			Expand = true;
		}
		
		var ImgObj = GetObj(_ImgObj);
		if (ImgObj) 
		{		
			// 2 - Change the image.
			ImgObj.src = (Expand) ? ImgCollapse : ImgExpand;
		}
				
		// 3 - Change the class.
		Obj.className = (Expand) ? "Visible" : "Invisible";
	}
}

-->