<!-- 
function materialObj(collName,collID,matDisplay,matNumber,matID,matType,matName,selected,dateExpected) {
	this.collName = collName;
	this.collID = collID;
	this.matDisplay = matDisplay;
	this.matNumber = matNumber;
	this.matID = matID;
	this.matType = matType;
	this.matName = matName;
	this.selected = selected;
	this.dateExpected = dateExpected;
}

function sndReq_MaterialSinglePane(matTypeId, page, anchor) {
	if (null == page) {
		// If passed in page is null, use global currentPage.
		page = currentPage;
	}
	if (null == anchor) {
		anchor = "";
	}
	
	// Get all of the filter data.
	if (classFilterSendData == null)
		classFilterSendData = "";
	if (colorFilterSendData == null)
		colorFilterSendData = "";
	if (filterAction == null)
		filterAction = "";
	if (searchForMaterialID == null)
		searchForMaterialID = "";
	if (pageSize == null)
		pageSize = "";
		
	destURL = 'material_option_single_pane.jsp';
	var queryPost = 'type=' + matTypeId + '&page=' + page + '&pageSize=' + pageSize + '&anchor=' + '&filterAction=' + filterAction + '&colorFilter=' + colorFilterSendData + '&classFilter=' + classFilterSendData + '&searchId=' + searchForMaterialID;
	
	reqMaterialPane = createXMLRequestObject();
	reqMaterialPane.onreadystatechange = handleResponseMaterialSinglePane;
	reqMaterialPane.open('post', destURL);
	reqMaterialPane.setRequestHeader('Content-Type', 'application/x-www-form-urlencoded'); 
	reqMaterialPane.send(queryPost);	
}

function sndReq_MaterialDoublePane(maintab, subtab, page, anchor) {
	if (null == page) {
		// If passed in page is null, use global currentPage.
		page = currentPage;
	}
	if (null == anchor) {
		anchor = "";
	}

	// Get all of the filter data.
	if (classFilterSendData == null)
		classFilterSendData = "";
	if (colorFilterSendData == null)
		colorFilterSendData = "";
	if (filterAction == null)
		filterAction = "";
	if (searchForMaterialID == null)
		searchForMaterialID = "";
	if (pageSize == null)
		pageSize = "";

	destURL = 'material_option_double_pane.jsp';
	var queryPost = 'maintab=' + maintab + '&subtab=' + subtab + '&page=' + page + '&pageSize=' + pageSize + '&anchor=' + '&filterAction=' + filterAction + '&colorFilter=' + colorFilterSendData + '&classFilter=' + classFilterSendData + '&searchId=' + searchForMaterialID;
	
	reqMaterialPane = createXMLRequestObject();
	reqMaterialPane.onreadystatechange = handleResponseMaterialDoublePane;
	reqMaterialPane.open('post', destURL);
	reqMaterialPane.setRequestHeader('Content-Type', 'application/x-www-form-urlencoded'); 
	reqMaterialPane.send(queryPost);
}

function handleResponseMaterialSinglePane() {

	
	if (reqMaterialPane.readyState == 4) {
	  testResponse(reqMaterialPane);
		
		var response = reqMaterialPane.responseText;
		
		var update = new Array();
		var selectionHtml = "";
		var optionHtml = "";
		var optionHtml1 = "";
		var optionHtml2 = "";
		var optionHtml3 = "";
		var optionHtlmArr;
		var anchor = "";		

		if(response.indexOf('|' != -1)) {
			update = response.split('|');
			navHtml = update[0];
			selectionHtml = update[1];
			optionHtml = update[2];
			if (optionHtml != null && optionHtml != "") {
				optionHtlmArr = optionHtml.split("#####");
				if (optionHtlmArr != null && optionHtlmArr.length > 0) {
					optionHtml1 = optionHtlmArr[0];
					optionHtml2 = eval(optionHtlmArr[1]);
					optionHtml3 = optionHtlmArr[2];
					optionHtml = optionHtml1 + optionHtml2 + optionHtml3;
				}
			}
			anchor = "a_" + stripSpaces(update[3]);
		}
		// Clear the event handler
		reqMaterialPane.onreadystatechange = emptyFunction;	
		
		// display the data to the screen
		parent.document.getElementById("divNavPanel").style.display = 'block';		
		parent.document.getElementById("divNavPanel").innerHTML = navHtml;
		
		parent.document.getElementById("divSelectionPanel").style.display = 'block';		
		parent.document.getElementById("divSelectionPanel").innerHTML = selectionHtml;

		parent.document.getElementById("divOptionPanel").style.display = 'block';
		parent.document.getElementById("divOptionPanel").style.height = 387;
		parent.document.getElementById("divOptionPanel").innerHTML = optionHtml;
		
		var scrollMsg = getVScrollMsg();
		if (parent.document.getElementById("txtVScroll") != null)
			parent.document.getElementById("txtVScroll").innerHTML = scrollMsg;
		
		if (scrollPageToMaterials) {
			var matOffTop = parent.document.getElementById("materials").offsetTop;
			var pageClHeight = parent.document.getElementById("divOptionPanel").clientHeight;
			if (matOffTop > pageClHeight){
				parent.document.getElementById("divOptionPanel").scrollTop = matOffTop + pageClHeight;
			} else {
				parent.document.getElementById("divOptionPanel").scrollTop = matOffTop;
			}
			scrollPageToMaterials = false;
		} else {
			// Scroll into view
			//parent.document.getElementById(anchor).scrollIntoView(true);
			("divOptionPanel").rememberScrollPosition();
		}
		
	} else {
		// waiting for the request
	}
	
}

function processMaterialData(matArr,layoutStyle) {
	var outHtml = "<tr>";
	if (isFilteredItem) {
		outHtml = "";
	}
	var materialObj;
	
	var rootUrl = 'http://s7ondemand1.scene7.com/is/image/SmithNoble/swatch?$68x68$&$swatch=SmithNoble/src_';
	var rootUrlZoomOut = 'http://s7ondemand1.scene7.com/is/image/SmithNoble/swatchZoomOut?$68x68$&$swatch=SmithNoble/src_';
	var numMaterials = 0;
	var i=0;
	var j=0;
	var activeCollectionId = 0;
	var thisRowStart = 0;
	var thisRowEnd = thisRowStart + 6;
	var imgUrl = "";
	var borderClass = "iAB";
	var imgClass = "iAI";
	var spacerImg = "/smith_noble/sw.gif";
	var onClick = "";

	if (matArr != null) 
		numMaterials = matArr.length;	
	
		if (isFilteredItem) {
			outHtml += '<tr>';
			outHtml += '<td colspan="17"><img src="/smith_noble/sp.gif" width="1" height="4"></td>';
			outHtml += '</tr>';		
			outHtml += '<tr>';			
			outHtml += '<td><img src="/smith_noble/sp.gif" width="1" height="1"></td>';			
		}
		
	persistentMatArr = new Array(numMaterials);
	for (i=0;i<numMaterials;i++) {
	  materialObj = matArr[i];
	  persistentMatArr[i] = materialObj;
    
    if(!isFilteredItem && materialObj.collID != activeCollectionId){
				// Do we need to finish out the row with blanks?
				if(i!=thisRowStart && i<thisRowEnd){
					// Complete rest of row with blanks
					for(j=i;j<=thisRowEnd;j++){						    
						outHtml += '<td><img src="/smith_noble/sp.gif" width="1" height="1"></td>';
						outHtml += '<td><img src="/smith_noble/sp.gif" width="1" height="1"></td>';																
					}						
					outHtml += '</tr>';
				}
				if (activeCollectionId == 0){									
				  outHtml += '<tr>';
					outHtml += '<td colspan="17"><img src="/smith_noble/sp.gif" width="1" height="2"></td>';
				  outHtml += '</tr>';
				}
				else
				{				
				  outHtml += '<tr>';
					outHtml += '<td colspan="17"><img src="/smith_noble/sp.gif" width="1" height="7"></td>';
				  outHtml += '</tr>';
				}									
				outHtml += '<tr>';
				outHtml += '<td colspan="17" class="pdCollectionSeparator">' + materialObj.collName + '</td>';
				outHtml += '</tr>';	
				outHtml += '<tr>';
				outHtml += '<td colspan="17"><img src="/smith_noble/sp.gif" width="1" height="3"></td>';
				outHtml += '</tr>';
				outHtml += '<tr>';		
				outHtml += '<td><img src="/smith_noble/sp.gif" width="1" height="1"></td>';
				activeCollectionId = materialObj.collID;				
				thisRowStart = i;
				thisRowEnd = i+6;
	}
			
			if(i>thisRowEnd){
				thisRowStart = i;
				thisRowEnd = i+6;					
				outHtml += '</tr>';
				outHtml += '<tr>';
				outHtml += '<td colspan="17"><img src="/smith_noble/sp.gif" width="1" height="4"></td>';
				outHtml += '</tr>';		
				outHtml += '<tr>';			
				outHtml += '<td><img src="/smith_noble/sp.gif" width="1" height="1"></td>';			
			}
		
			// Add this material cell
			if (materialObj.matDisplay < 2) {
				imgUrl = rootUrl + materialObj.matNumber;
			} else {
				imgUrl = rootUrlZoomOut + materialObj.matNumber;
			}
			
			if (materialObj.selected == 1) {
			    borderClass = "iABS";
			} else {
				borderClass = "iAB";
			}
			
		//	onClick = "if(isBackOrdered('"+materialObj.dateExpected+"')) { updateMaterialSelection('" + materialObj.matID + "','" + materialObj.matName + "',event);sSI(" + materialObj.matID + ", event, " + materialObj.matType + ", " + layoutStyle + ", '', true); }";
			onClick = "if(sSI_Custom(" + materialObj.matID + ", event, " + materialObj.matType + ", " + layoutStyle + ", '', true, '"+materialObj.dateExpected+"')) { updateMaterialSelection('" + materialObj.matID + "','" + materialObj.matName + "',event); }";
			
      outHtml += '<td>';
      outHtml += '<table height="78" width="78" cellpadding="0" cellspacing="0">';
      outHtml += '<tr>';
      outHtml += '<td>';
      outHtml += '<a name="a_' + materialObj.matID + '" id="a_' + materialObj.matID + '" class="' + borderClass + '" href="javascript:cS();" onmouseover="popup(' + "'" + materialObj.matName + "'," + materialObj.matID + ');" onmouseout="kill();">';
      outHtml += '<table height="78" width="78" cellpadding="0" cellspacing="0">';
      outHtml += '<tr>';
      outHtml += '<td colspan="3"><img height="2" width="78" src="/smith_noble/sp.gif"></td>';
      outHtml += '</tr>';
      outHtml += '<tr>';
      outHtml += '<td><img height="74" width="2" src="/smith_noble/sp.gif"></td>';
      outHtml += '<td>';
      outHtml += '<table width="74" height="74" cellpadding="0" cellspacing="0" >';
      outHtml += '<tr>';
      outHtml += '<td colspan="3"><img height="2" width="74" src="' + spacerImg + '"></td>';
      outHtml += '</tr>';
      outHtml += '<tr>';
      outHtml += '<td><img height="70" width="2" src="' + spacerImg + '"></td>';
      outHtml += '<td name="mat_' + materialObj.matID + '" id="mat_' + materialObj.matID + '" onclick="' + onClick + '"><img src="' + imgUrl + '" width="68" height="68" class="' + imgClass + '"></td>';
      outHtml += '<td><img height="70" width="2" src="' + spacerImg + '"></td>';
      outHtml += '</tr>';
      outHtml += '<tr>';
      outHtml += '<td colspan="3"><img height="2" width="74" src="' + spacerImg + '"></td>';
      outHtml += '</tr>';
      outHtml += '</table>';
      outHtml += '</td>';
      outHtml += '<td><img height="74" width="2" src="/smith_noble/sp.gif"></td>';
      outHtml += '</tr>';
      outHtml += '<tr>';
      outHtml += '<td colspan="3"><img height="2" width="78" src="/smith_noble/sp.gif"></td>';
      outHtml += '</tr>';
      outHtml += '</table>';
      outHtml += '</a>';
      outHtml += '</td>';
      outHtml += '</tr>';
      outHtml += '</table>';
      outHtml += '</td>';
      outHtml += '<td></td>';	
		
	}
	
	outHtml += '</tr>';
	outHtml += '</table>';
	
	return outHtml;
  	  	
}

function isBackOrdered(dateExpected) {
	if(dateExpected != "") {
		if(confirm("Material currently back-ordered. Estimated shipping date is "+dateExpected+"."))
			return true;
		else
			return false;
	}
	return true;
}

function updateMaterialSelection(materialId, materialTxt, e){
	if (!e) 
	{
	var e = window.event;
	}

	var xSwatch=0;
	var ySwatch=0;

	// Determine x and y offsets of click relative to the top left corner of swatch image
	if (document.layers) 
	{
		xSwatch = e.layerX;
		ySwatch = e.layerY;
	} 
	else if (document.all) 
	{
		xSwatch = event.offsetX;
		ySwatch = event.offsetY;
	} 
	else if (document.getElementById) 
	{
		var elementId = "mat_" + materialId;
		// Calculate scroll position of container <div> to ensure proper relative offset
		var x_scroll = document.getElementById("divOptionPanel").scrollLeft;
		var y_scroll = document.getElementById("divOptionPanel").scrollTop;
		var x_off = document.getElementById(elementId).offsetLeft;
		var y_off = document.getElementById(elementId).offsetTop;
		var parent = document.getElementById(elementId).offsetParent;

		while(parent) 
		{
			x_off = x_off + parent.offsetLeft;
			y_off = y_off + parent.offsetTop;
			parent = parent.offsetParent;
		}
		xSwatch = (e.pageX + x_scroll - x_off);
		ySwatch = (e.pageY + y_scroll - y_off);
	}

	if (!((xSwatch > 51) && (ySwatch > 51)))
	{     
		// Set the check-box for optCheck to not checked if present.
		var checkBox = document.getElementById("optCheck");
		if (checkBox != null)
			checkBox.checked = false;
		document.getElementById("selectedFabric").innerHTML = materialTxt;
		
		for (var j = 0; j < persistentMatArr.length; j++){
			document.getElementById("a_"+persistentMatArr[j].matID).className = "iAB";
		}
		document.getElementById("a_"+materialId).className = "iABS";
	}
}

function processMaterialDataDblPane(matArr,layoutStyle) {
	var outHtml = '<table border="0" cellspacing="0" cellpadding="0"><tr>';
	var materialObj;
	
	var rootUrl = 'http://s7ondemand1.scene7.com/is/image/SmithNoble/swatch?$68x68$&$swatch=SmithNoble/src_';
	var rootUrlZoomOut = 'http://s7ondemand1.scene7.com/is/image/SmithNoble/swatchZoomOut?$68x68$&$swatch=SmithNoble/src_';
	var numMaterials = 0;
	var i=0;
	var j=0;
	var activeCollectionId = 0;
	var imgUrl = "";
	var borderClass = "iAB";
	var imgClass = "iAI";
	var spacerImg = "/smith_noble/sw.gif";
	var onClick = "";
	var colDisplayed = 0;
	var columns = 7;

	if (matArr != null) 
		numMaterials = matArr.length;
		
	persistentMatArr = new Array(numMaterials);

	for (i=0;i<numMaterials;i++) {
	  materialObj = matArr[i];
	  persistentMatArr[i] = materialObj;
    
	    if ((colDisplayed % columns) == 0) {
	        colDisplayed = 0;
					outHtml += '<tr>';
					outHtml += '<td colspan="13"><img height="2" width="1" src="/smith_noble/sp.gif"></td>';
					outHtml += '</tr>';
					outHtml += '<tr>';
	    }
	    colDisplayed++;
	
		// Add this material cell
		if (materialObj.matDisplay < 2) {
			imgUrl = rootUrl + materialObj.matNumber;
		} else {
			imgUrl = rootUrlZoomOut + materialObj.matNumber;
		}
		
		if (materialObj.selected == 1) {
		    borderClass = "iABS";
		} else {
			borderClass = "iAB";
		}
		
		//onClick = "updateMaterialSelection('" + materialObj.matID + "','" + materialObj.matName + "');sSI(" + materialObj.matID + ", event, " + materialObj.matType + ", " + layoutStyle + ", '', true);";
		onClick = "if(sSI_Custom(" + materialObj.matID + ", event, " + materialObj.matType + ", " + layoutStyle + ", '', true, '"+materialObj.dateExpected+"')) { updateMaterialSelection('" + materialObj.matID + "','" + materialObj.matName + "',event); }";
			
      outHtml += '<td>';
      outHtml += '<table height="78" width="78" cellpadding="0" cellspacing="0">';
      outHtml += '<tr>';
      outHtml += '<td>';
      outHtml += '<a name="a_' + materialObj.matID + '" id="a_' + materialObj.matID + '" class="' + borderClass + '" href="javascript:cS();" onmouseover="popup(' + "'" + materialObj.matName + "'," + materialObj.matID + ');" onmouseout="kill();">';
      outHtml += '<table height="78" width="78" cellpadding="0" cellspacing="0">';
      outHtml += '<tr>';
      outHtml += '<td colspan="3"><img height="2" width="78" src="/smith_noble/sp.gif"></td>';
      outHtml += '</tr>';
      outHtml += '<tr>';
      outHtml += '<td><img height="74" width="2" src="/smith_noble/sp.gif"></td>';
      outHtml += '<td>';
      outHtml += '<table width="74" height="74" cellpadding="0" cellspacing="0" >';
      outHtml += '<tr>';
      outHtml += '<td colspan="3"><img height="2" width="74" src="' + spacerImg + '"></td>';
      outHtml += '</tr>';
      outHtml += '<tr>';
      outHtml += '<td><img height="70" width="2" src="' + spacerImg + '"></td>';
      outHtml += '<td name="mat_' + materialObj.matID + '" id="mat_' + materialObj.matID + '" onclick="' + onClick + '"><img src="' + imgUrl + '" width="68" height="68" class="' + imgClass + '"></td>';
      outHtml += '<td><img height="70" width="2" src="' + spacerImg + '"></td>';
      outHtml += '</tr>';
      outHtml += '<tr>';
      outHtml += '<td colspan="3"><img height="2" width="74" src="' + spacerImg + '"></td>';
      outHtml += '</tr>';
      outHtml += '</table>';
      outHtml += '</td>';
      outHtml += '<td><img height="74" width="2" src="/smith_noble/sp.gif"></td>';
      outHtml += '</tr>';
      outHtml += '<tr>';
      outHtml += '<td colspan="3"><img height="2" width="78" src="/smith_noble/sp.gif"></td>';
      outHtml += '</tr>';
      outHtml += '</table>';
      outHtml += '</a>';
      outHtml += '</td>';
      outHtml += '</tr>';
      outHtml += '</table>';
      outHtml += '</td>';
		if (colDisplayed < columns)
		{
			outHtml += '<td><img src="/smith_noble/sp.gif" width="2" height="1"></td>';
		}
		
	}
	
	outHtml += '</tr>';
	outHtml += '<tr><td colspan="13"><img height="2" width="1" src="/smith_noble/sp.gif"></td></tr>';
	outHtml += '</table>';
	
	return outHtml;
}

function handleResponseMaterialDoublePane() {

	
	if (reqMaterialPane.readyState == 4) {
	  testResponse(reqMaterialPane);
	
		var response = reqMaterialPane.responseText;
		
		var update = new Array();
		var selectionHtml = "";
		var optionHtml = "";
		var optionHtml1 = "";
		var optionHtml2 = "";
		var optionHtml3 = "";
		var optionHtlmArr;
		var anchor = "";		

		if(response.indexOf('|' != -1)) {
			update = response.split('|');
			navHtml = update[0];
			selectionHtml = update[1];
			optionHtml = update[2];
			if (optionHtml != null && optionHtml != "") {
				optionHtlmArr = optionHtml.split("#####");
				if (optionHtlmArr != null && optionHtlmArr.length > 0) {
					optionHtml1 = optionHtlmArr[0];
					optionHtml2 = eval(optionHtlmArr[1]);
					optionHtml3 = optionHtlmArr[2];
					optionHtml = optionHtml1 + optionHtml2 + optionHtml3;
				}
			}
			anchor = "a_" + stripSpaces(update[3]);
		}
		// Clear the event handler
		reqMaterialPane.onreadystatechange = emptyFunction;
		
		// display the data to the screen
		parent.document.getElementById("divNavPanel").style.display = 'block';		
		parent.document.getElementById("divNavPanel").innerHTML = navHtml;
		
		parent.document.getElementById("divSelectionPanel").style.display = 'block';		
		parent.document.getElementById("divSelectionPanel").innerHTML = selectionHtml;

		parent.document.getElementById("divOptionPanel").style.display = 'block';
		parent.document.getElementById("divOptionPanel").style.height = 407;
		parent.document.getElementById("divOptionPanel").innerHTML = optionHtml;
		
		var scrollMsg = getVScrollMsg();
		if (parent.document.getElementById("txtVScroll") != null)
			parent.document.getElementById("txtVScroll").innerHTML = scrollMsg;	
		
		//parent.document.getElementById("divOptionPanel").getElementById("materials").offsetTop
		if (scrollPageToMaterials) {
			var matOffTop = document.getElementById("materials").offsetTop;
			var matScrollTop = document.getElementById("materials").scrollTop;
			var pageClHeight = parent.document.getElementById("divOptionPanel").clientHeight;
			if (topMatTypeLen%5 != 0)
				topMatTypeLen = topMatTypeLen + (5 - (topMatTypeLen%5));
			topMatTypeRows = topMatTypeLen / 5;
			parent.document.getElementById("divOptionPanel").scrollTop = matOffTop + (topMatTypeRows * 130) + 155;
			//alert('scrollPageToMaterials ' + scrollPageToMaterials + '\nmatOffTop ' + matOffTop + '\npageClHeight ' + pageClHeight);
			scrollPageToMaterials = false;
		} else {
			// Scroll into view
			//parent.document.getElementById(anchor).scrollIntoView(true);
			("divOptionPanel").rememberScrollPosition();
		}
		
	} else {
		// waiting for the request
	}
	
}	
	
function sndReq_UpdateMatOption(TypeId, newValueId, layoutStyle){
	
		// get the scroll position
		var objElement = parent.document.getElementById("divOptionPanel");
		scrollTop = objElement.scrollTop;
				
		// Send a request to the server to update its ConfigItem
		// Input args:
		// arg[0] = materialTypeId
		// arg[1] = new materialId
		// arg[2] = layout style
		var dest = "";
		
		dest = "update_material.jsp";
		var queryPost = "arg_0=" + TypeId + "&arg_1=" + newValueId + "&arg_2=" + layoutStyle;
		
		reqUpdateMatOption = createXMLRequestObject();
		reqUpdateMatOption.onreadystatechange = handleResp_UpdateMat;
		reqUpdateMatOption.open('post', dest);
		reqUpdateMatOption.setRequestHeader('Content-Type', 'application/x-www-form-urlencoded'); 
		reqUpdateMatOption.send(queryPost);	
}

function handleResp_UpdateMat() {

	
	if(reqUpdateMatOption.readyState == 4){	
		
	  testResponse(reqUpdateMatOption);

		var response = reqUpdateMatOption.responseText;
		var update = new Array();
		if(response.indexOf('|' != -1)) {
			update = response.split('|');
		}

		// RESPONSE PARAMS:
		// [0]=request status {failed, ok}
		// [1]=updateType {0=dimension,1=material,2=treatment,3=depend_option}
		// [2]=updateId {enum id of materialType when updateType=1}
		// [3]=configurationComplete {1, 0}
		// [4]=priceable {1, 0}
		// [5]=
		// [6]=
		// [7]= PASSING BACK THE TAB FOR THE ACCORDIAN SELECT LIST
		// [8]=vignette url for scene 7
		// [9]=layoutStyle
		
		//alert(update[0]+"|"+update[1]+"|"+update[2]+"|"+update[3]+"|"+update[4]+"|"+update[5]+"|"+update[6]+"|"+update[7]+"|"+update[8]+"|"+update[9]+"|"+update[10]+"|"+update[11]);
		// TODO: signal end of process bar
		
		// Get the layout Style
		var layoutStyle = update[11];
		
		// Clear the event handler
		reqUpdateMatOption.onreadystatechange = emptyFunction;
		pending = false;
		
		// Update the vignette url
		document.getElementById("imgVignette").src = update[6];

		// Determine if we can price
		if (update[4] == "true") {
			// can update the price
			sndReq_UpdatePrice();

			/*
			document.getElementById("imgUpdatePrice").src="/smith_noble/images/config/btnUpdatePriceUnselected_95x19.gif";
			var fonmouseover = function() {this.src='/smith_noble/images/config/btnUpdatePriceOver_95x19.gif';};
			var fonmouseout =  function() {this.src='/smith_noble/images/config/btnUpdatePriceUnselected_95x19.gif';};
			var fonclick = function() {sndReq_UpdatePrice();};
			document.getElementById("imgUpdatePrice").onmouseover=fonmouseover;
			document.getElementById("imgUpdatePrice").onmouseout=fonmouseout;
			document.getElementById("imgUpdatePrice").onclick =fonclick;
			*/								
		} else {
			// can not update price
			
			//document.getElementById("imgUpdatePrice").src="/smith_noble/images/config/btnUpdatePriceDisabled_95x19.gif";
		}
		
		// Determine if the product is configured so we can add to the cart
		if (update[3] == "true") {
			// can add to the cart				
			
			/*
			document.getElementById("imgAddToCart").src="/smith_noble/images/config/btnAddToCartUnselected_110x21.gif";
			var faddonmouseover = function() {this.src='/smith_noble/images/config/btnAddToCartOver_110x21.gif';};
			var faddonmouseout =  function() {this.src='/smith_noble/images/config/btnAddToCartUnselected_110x21.gif';};
			var faddonclick = function() {document.location = 'addToSession.jsp';};
			document.getElementById("imgAddToCart").onmouseover=faddonmouseover;
			document.getElementById("imgAddToCart").onmouseout=faddonmouseout;
			document.getElementById("imgAddToCart").onclick =faddonclick;				
			*/				
		} else {
			// can not add to the cart
			
			/*
			document.getElementById("imgAddToCart").src="/smith_noble/images/config/btnAddToCartDisabled_110x21.gif";
			var faddonmouseover = function() {};
			var faddonmouseout =  function() {};
			var faddonclick = function() {alert('The product needs to be fully configured before it can be added to the cart.');};				
			document.getElementById("imgAddToCart").onmouseover=faddonmouseover;
			document.getElementById("imgAddToCart").onmouseout=faddonmouseout;
			document.getElementById("imgAddToCart").onclick =faddonclick;
			*/					
		}
		

		// determine the status of main tab
		var mainTab = update[7];
		
		if (update[8] == "true") {
			document.getElementById("mainTabStatus_" + mainTab).src= "/smith_noble/images/v3/config/icoCompleteMainTab.gif";
		} else {
			document.getElementById("mainTabStatus_" + mainTab).src= "/smith_noble/images/v3/config/icoNotCompleteMainTab.gif";
		}		
		
		// determine the status of sub tab
		var subTab = update[9];
		if (update[10] == "true") {
			document.getElementById("subStatus" + subTab).src= "/smith_noble/images/v3/config/icoCompleteSubTab.gif";
		} else {
			document.getElementById("subStatus" + subTab).src= "/smith_noble/images/v3/config/icoNotCompleteSubTab.gif";
		}
		
		
		if (layoutStyle == 1 && (update[2] == 0 || update[2] == -1)) {
			sndReq_MaterialSinglePane(update[1], null, update[2]);
		}
		if (layoutStyle == 1 && update[2] > 0 && parent.document.getElementById("optCheck") != null) {
			parent.document.getElementById("optCheck").onclick = new Function("e", "sndReq_UpdateMatOption('" + update[1] + "','0', '1')");
		}
		if (layoutStyle == 2) {
			sndReq_MaterialDoublePane(mainTab, update[9]);
		}
	}else{
		//TODO update progress bar?
	}
}
	
function stripSpaces(x) {
	var val = (x.replace(/^\W+/,'')).replace(/\W+$/,'');
    return val;
    
}

-->