function collapsible(field, imgStatus, imgColor)
{
		//initialize the local variables
		var imgArray = new Array(2);
		var useActionImage = null;
		var isDisplayed = document.getElementById(field);
		var bIsActionImage = false;
		var imagePrefix = new String();
				
		//preload the collapsible image array
		imgArray[0] = "/images/collapse.gif";
		imgArray[1] = "/images/expand.gif";
		imgArray[2] = "/images/collapse.gif";
		imgArray[3] = "/images/expand.gif";
		
		//extract first six characters from imgStatus to determine if images need to be swapped out
		imagePrefix = imgStatus.charAt(0);
		
		//check to see if actionImage is included in function parameters
		if (imagePrefix == "a")
		{
			useActionImage = document.getElementById(imgStatus);
			bIsActionImage = true;
		}
		
		if (imgColor == 1)
		{
			//assign display values and swap out images based on row being clicked by user
			if ( (isDisplayed.style.display == "none" || isDisplayed.style.display == "") && (bIsActionImage))
			{
				isDisplayed.style.display = "block";
				//useActionImage.src = imgArray[0];
			}		
			else if (isDisplayed.style.display == "block" && bIsActionImage)
			{
				isDisplayed.style.display = "none";
				//useActionImage.src = imgArray[1];
			}	
			else 
			{
				isDisplayed.style.display = "none";
				//useActionImage.src = imgArray[1];
			}
		}
		else if (imgColor == 2)
		{
			//assign display values and swap out images based on row being clicked by user
			if ( (isDisplayed.style.display == "none" || isDisplayed.style.display == "") && (bIsActionImage))
			{
				isDisplayed.style.display = "block";
				//useActionImage.src = imgArray[2];
			}		
			else if (isDisplayed.style.display == "block" && bIsActionImage)
			{
				isDisplayed.style.display = "none";
				//useActionImage.src = imgArray[3];
			}	
			else 
			{
				isDisplayed.style.display = "none";
				//useActionImage.src = imgArray[3];
			}
		}			
}