function Custom_Initialize()
{	
	VariantInit();
	WHITE_AddEventToClass('detail_columnright', 'variantoption', 'click', setVariantActive);
}

if ('function' == typeof WHITE_AddBodyLoadFunction)
{
  WHITE_AddBodyLoadFunction(Custom_Initialize);
}

function VariantInit()
{
	var aAllVariants = WHITE_GetElementsByClass('detail_columnright', 'variantoption');
	
	for (var i=0; i<aAllVariants.length; i++)
	{
		var oTmpVariant = aAllVariants[i];
		var bTmpVariantChecked = oTmpVariant.checked;
		var sTmpVariantValue = oTmpVariant.value;
	  var oTmpVariantLabel = WHITE_GetElementFlex('label_'+sTmpVariantValue);
	  
		WHITE_RemoveClassName(oTmpVariantLabel, 'detail_size_on');
		if (bTmpVariantChecked)
		{
			WHITE_AddClassName(oTmpVariantLabel, 'detail_size_on');
		}
	}
		// check first variant
//	if (!bTmpVariantChecked && 0 < aAllVariants.length)
//	{
//		var oTmpVariant = aAllVariants[0];
//		var sTmpVariantValue = oTmpVariant.value;
//	  var oTmpVariantLabel = WHITE_GetElementFlex('label_'+sTmpVariantValue);
//	  oTmpVariant.checked = true;
//		WHITE_AddClassName(oTmpVariantLabel, 'detail_size_on');
//	}
}

function setVariantActive(oEvent)
{
	var oVariant = this;
	var sVariantValue = oVariant.value;
	var aAllVariants = WHITE_GetElementsByClass('detail_columnright', 'variantoption');
	
	for (var i=0; i<aAllVariants.length; i++)
	{
		var oTmpVariant = aAllVariants[i];
		var sTmpVariantValue = oTmpVariant.value;
		var oTmpVariantLabel = WHITE_GetElementFlex('label_'+sTmpVariantValue);
		
		WHITE_RemoveClassName(oTmpVariantLabel, 'detail_size_on');
	}
	
	var oVariantLabel = WHITE_GetElementFlex('label_'+sVariantValue);
	WHITE_AddClassName(oVariantLabel, 'detail_size_on');
}