// Set objects for dropdown lists.
var divisionObj = new Object( );

divisionObj = [{value:"girlsdivision", text:"GIRLS DIVISION"},
			{value:"mens", text:"MENS"},
			{value:"maternity", text:"MATERNITY"},
			{value:"womens", text:"WOMENS"},
			{value:"accessories", text:"ACCESSORIES"},
			{value:"boysdivision", text:"BOYS DIVISION"},
			{value:"babytoddler", text:"BABY&TODDLER DIVISION"},
			{value:"plussize", text:"PLUS SIZES"}];


var sizeChartObj = new Object( );

sizeChartObj["girlsdivision"] = [{value:"3131", text:"Girls"},
                      {value:"3132", text:"Girls Pants & Jeans"},
                      {value:"3133", text:"Girls Shorts & Skirts"},
                      {value:"3134", text:"Girls Tops & Outerwear"},
                      {value:"3135", text:"Girls Dresses"},
                      {value:"3136", text:"Girls Swim"},
                      {value:"3137", text:"Girls Belts"},
                      {value:"3138", text:"Girls Footwear"},
                      {value:"3129", text:"Boys Footwear"},
                      {value:"3139", text:"Girls Underwear"},
                      {value:"3130", text:"Boys Underwear"}];
					  
sizeChartObj["mens"] = [{value:"3093", text:"Men's"},
                      {value:"3094", text:"Men's Pants & Jeans"},
                      {value:"3095", text:"Men's Shorts & Swim"},
                      {value:"3096", text:"Men's Active Pants"},
                      {value:"3097", text:"Men's Tops & Outerwear"},
                      {value:"3098", text:"Men's Belts"},
                      {value:"3099", text:"Men's Footwear"},
                      {value:"3100", text:"Men's Underwear"}];
					  
sizeChartObj["maternity"] = [{value:"3117", text:"Maternity"},
                      {value:"3118", text:"Maternity Pants & Jeans"},
                      {value:"3119", text:"Maternity Shorts & Skirts"},
                      {value:"3120", text:"Maternity Tops & Outerwear"},
                      {value:"3121", text:"Maternity Dresses"},
                      {value:"3122", text:"Maternity Swim"},
                      {value:"3123", text:"Maternity Underwear"}];
					  
sizeChartObj["womens"] = [{value:"3101", text:"Women's"},
                      {value:"3102", text:"Women's Pants & Jeans"},
                      {value:"3103", text:"Women's Shorts & Skirts"},
                      {value:"3104", text:"Women's Tops & Outerwear"},
                      {value:"3105", text:"Women's Dresses"},
                      {value:"3106", text:"Women's Swim"},
                      {value:"3107", text:"Women's Belts"},
                      {value:"3108", text:"Women's Footwear"},
                      {value:"3109", text:"Women's Underwear"}];
					  
sizeChartObj["accessories"] = [{value:"3107", text:"Women's Belts"},
                      {value:"3108", text:"Women's Footwear"},
                      {value:"3099", text:"Men's Footwear"}];
					  
sizeChartObj["boysdivision"] = [{value:"3124", text:"Boys"},
                      {value:"3125", text:"Boys Pants & Jeans"},
                      {value:"3126", text:"Boys Shorts & Swim"},
                      {value:"3127", text:"Boys Tops & Outerwear"},
                      {value:"3128", text:"Boys Belts"},
                      {value:"3129", text:"Boys Footwear"},
                      {value:"3130", text:"Boys Underwear"}];
					  
sizeChartObj["babytoddler"] = [{value:"3140", text:"Baby"},
                      {value:"3141", text:"Baby Newborn (0-12 mos.)"},
                      {value:"3142", text:"Baby Infant & Toddler (6 mos. - 5T)"},
                      {value:"3144", text:"Baby Hats"},
                      {value:"3145", text:"Baby Footwear"}];
					  
sizeChartObj["plussize"] = [{value:"3110", text:"Women's Plus"},
                      {value:"3111", text:"Women's Plus Pants & Jeans"},
                      {value:"3112", text:"Women's Plus Shorts & Skirts"},
                      {value:"3113", text:"Women's Plus Tops & Outerwear"},
                      {value:"3114", text:"Women's Plus Swim"},
                      {value:"3115", text:"Women's Plus Underwear"},
                      {value:"3116", text:"Women's Plus Belts"}];
	
// Initialize division dropdown list.
function initOptions() {
	var selDivision = document.sizeChartList.scDivision;
	
	selDivision.options.length = 0;
	
	selDivision.options[selDivision.options.length] = new Option(resourceBundleValues.sizeChart.headerDropdown, "");
	
	for (var j = 0; j < divisionObj.length; j++) {
		selDivision.options[selDivision.options.length] = new Option(divisionObj[j].text, divisionObj[j].value);
	}
}
		
// Construct size chart type dropdown list by passing in string value of the division drop down list.
function setOptionsByValue(iDivisionValue) {
	var setDivision = iDivisionValue;
	var selType = document.sizeChartList.scType;
	 
	selType.options.length = 0;

	if (setDivision != "") {
		selType.options[selType.options.length] = new Option(resourceBundleValues.sizeChart.headerDropdown, "");
		
		for (var i = 0; i < sizeChartObj[setDivision].length; i++) {
			selType.options[selType.options.length] = new Option(sizeChartObj[setDivision][i].text, sizeChartObj[setDivision][i].value);
		}
	}
}

// Construct second dropdown list if the reference to the 'Select' element exists.
function setOptions(iDivision) {
	setOptionsByValue(iDivision.options[iDivision.selectedIndex].value);
}

// Set value of 'cid' field (hidden) with value of selected size chart option.
function setCid(iType) {
	return iType.options[iType.options.selectedIndex].value;
}

// Checks to see if there's a value for the 'cid'.  If yes, set selected indices of both dropdown lists.
function setSelectedIndices(cid) {
	var setDivisionIndex = -1;
	var setDivisionValue = "";
	var setTypeIndex = -1;
	
	if (cid != "") {
		for (var k = 0; k < divisionObj.length && setDivisionIndex == -1; k++) {
			for (var l = 0; l < sizeChartObj[divisionObj[k].value].length && setTypeIndex == -1; l++) {
				if (sizeChartObj[divisionObj[k].value][l].value == cid.toString()) {
					setDivisionIndex = k;
					setDivisionValue = divisionObj[k].value;
					setTypeIndex = l;
				}
			}
		}
	} else {
		setDivisionIndex = -1;
		setTypeIndex = -1;
		return;
	}
	
	if (setTypeIndex >= 0) {
		document.sizeChartList.scDivision.selectedIndex = setDivisionIndex+1;
		setOptionsByValue(setDivisionValue);
		document.sizeChartList.scType.selectedIndex = setTypeIndex+1;
		return;
	}
}

// Validate form
function validate() {
	var setDivision = document.sizeChartList.scDivision;
	var setType = document.sizeChartList.scType;
	
	if (setDivision.options[setDivision.options.selectedIndex].value == "") {
		alert(resourceBundleValues.sizeChart.sizeChartSelectError);
		setDivision.focus();
		return false;
	} else if (setType.options[setType.options.selectedIndex].value == "") {
		alert(resourceBundleValues.sizeChart.sizeChartSelectError);
		setType.focus();
		return false;
	} else {
		var getCid = setCid(setType);
		window.location.href = "/browse/sizeChart.do?cid=" + getCid;
	}
}
	
// Gets the url parameter and initializes dropdown lists and toggle layers.
Event.observe(window,"load",function() {
	var strCid = getQuerystringParam("cid");

    if( document.sizeChartList ) {
        initOptions();
        setSelectedIndices(strCid);
    }
});