function showLayerA(ID, imgCode) 	
{
	
	var partOne;
	var partTwo;

	if (imgCode == '')
	{
		imgCode = 'A000';
	}

	// for sending
	document.frmMail.txtColorA.value = imgCode;

	// for immediate display
	document.frmShowColorCodeA.txtShowColorCodeA.value = imgCode;
	
	
	partOne  = 'document.all.A';
	partTwo = '.style.visibility';

	
	// hide all layers (default situation) after event
	for (var i = 0; i < 15; i++) 
	{	
		eval(partOne + i + partTwo + '="hidden"'); 
	}

	
	// make the selected layer from onmouseevent visible
	eval(partOne + ID + partTwo + '="visible"');

}

function showLayerB(ID, imgCode) 	
{
	var partOne;
	var partTwo;

	// store image code
	if (imgCode == '')
	{
		imgCode = 'B000';
	}

	// for sending
	document.frmMail.txtColorB.value = imgCode;

	// for immediate display
	document.frmShowColorCodeB.txtShowColorCodeB.value = imgCode;

	partOne  = 'document.all.B';
	partTwo = '.style.visibility';

	
	// hide all layers (default situation) after event
	for (var i = 0; i < 15; i++) 
	{	
		eval(partOne + i + partTwo + '="hidden"'); 
	}

	
	// make the selected layer from onmouseevent visible
	eval(partOne + ID + partTwo + '="visible"');
}


function showLayerC(ID, imgCode) 	
{
	var partOne;
	var partTwo;

	if (imgCode == '')
	{
		imgCode = 'C000';
	}

		// for sending
	document.frmMail.txtColorC.value = imgCode;

	// for immediate display
	document.frmShowColorCodeC.txtShowColorCodeC.value = imgCode;

	partOne  = 'document.all.C';
	partTwo = '.style.visibility';

	
	// hide all layers (default situation) after event
	for (var i = 0; i < 15; i++) 
	{	
		eval(partOne + i + partTwo + '="hidden"'); 
	}

	
	// make the selected layer from onmouseevent visible
	eval(partOne + ID + partTwo + '="visible"');
}