function expandField(ID){

	//hide the source layer
	document.layers['langDiv' + ID].visibility = 'hidden';

	//hide the comparsion source layer
	document.layers['langCompDiv' + ID].visibility = 'hidden';

	//copy the data from the source layer to the expanded layer
	document.layers['langExpDiv' + ID].document.forms[0].elements[0].value = document.layers['langDiv' + ID].document.forms[0].elements[0].value;

	//show the expanded layer
	document.layers['langExpDiv' + ID].visibility = 'show';

	//show the expanded comparsion layer
	document.layers['langExpCompDiv' + ID].visibility = 'show';

	//show the scroll layer for the comparsion layer
	scrollRefArray[ID].layer.visibility = 'show';

	//set focus tom the expanded layers textarea
	document.layers['langExpDiv' + ID].document.forms[0].elements[0].focus();

}

function contractField(ID){

	//hide the expanded field
	document.layers['langExpDiv' + ID].visibility = 'hidden';

	//hide the scroll layer for the comparsion layer
	scrollRefArray[ID].layer.visibility = 'hidden';

	//hide the expanded comparsion field
	document.layers['langExpCompDiv' + ID].visibility = 'hidden';

	//copy the data from the expanded layer to the source layer
	document.layers['langDiv' + ID].document.forms[0].elements[0].value = document.layers['langExpDiv' + ID].document.forms[0].elements[0].value;

	//copy the data from the source layer to the hidden input field
	document.formFieldData.elements[ID].value = document.layers['langExpDiv' + ID].document.forms[0].elements[0].value;

	//show the source layer
	document.layers['langDiv' + ID].visibility = 'show';

	//show the source layer
	document.layers['langCompDiv' + ID].visibility = 'show';

}