var formName = "__aspnetForm";
var optionGroups = [];


function setDefaultValues(){
	getOptionsGroups();
	refreshOptionsDisplay();
}
function refreshOptionsDisplay(){
	setTimeout("showOptionsDisplay()", 200);
}
function showOptionsDisplay(){
	var newOption = getOptionValues();
	displayOptions(newOption);
}
function getOptionsGroups(){
	var formObj = eval ("document." + formName )
	var optionsForm = eval ("document." + formName + ".elements" );
	var optionGroup = "";
	for (a = 0; a < optionsForm.length; a++){
		if (optionsForm[a].type == "radio"){
			optionsForm[a].onClick = refreshOptionsDisplay;
//			alert ("optionsForm[a]: " + optionsForm[a].onClick)
			// Get the group name from the form element
			optionGroup = formObj[optionsForm[a].name];
			// Add to list if not already there
			if (optionGroup != optionGroups[optionGroups.length-1]){
				optionGroups.push(optionGroup);
			}
		}
	}
}
function getOptionValues(){
	var optionString = "";
	for  (var i=0; i < optionGroups.length; i++){
		optionString += "-"+getPOptionValue(optionGroups[i])
	}
	return (optionString);
}
function getPOptionValue(optionGroup){
	// If One Element
	if (optionGroup.length == undefined && optionGroup.checked)
			return (optionGroup.value);
			
	for  (var i=0; i < optionGroup.length; i++){
		if (optionGroup[i].checked)
		{ // If one is check then return that
			return (optionGroup[i].value);
		}
	}
	// If none selected get the default value
	return ( getFirstOptionValue(optionGroup));
}

function convertToXs(optionValue){
	var optionLength = optionValue.length;
	var optionString = "";
	for  (var i=0; i <optionLength; i++){
		optionString += "X";
	}
	return(optionString);
}

function getFirstOptionValue(optionGroup){
	if (optionGroup.length>0)
		return (convertToXs(optionGroup[0].value));
	else
		return (convertToXs(optionGroup.value));
}

function displayOptions(optionsString){
	var displayObj = document.getElementById("dynamicProductNumber");
	
	displayObj.innerHTML = optionsString;
}