// PHP enabled JavaScript Document

var customFractionsSupported = new Array('1/16','1/8','3/16','1/4','5/16','3/8','7/16','1/2','9/16','5/8','11/16','3/4','13/16','7/8','15/16');
var faceBoxOpacity = 0.5;
var customConfigWizardWidth = "800";
var customConfigWizardHeight = "680";
var customNumWindowsSupported = parseInt(30);
var customFlashInitDelay = 700;
var custom_matMinWidth = parseInt(5);
var custom_matMinHeight = parseInt(7);
var custom_matMaxWidth = parseInt(28);
var custom_matMaxHeight = parseInt(36);
var custom_windowMaxHeight = parseInt(35);
var custom_windowMaxWidth = parseInt(27);
var custom_windowMinHeight = parseInt(0);
var custom_windowMinWidth = parseInt(0);


/*
+-------------------------------------+
| Flash Drawing Module funcitons/vars |
+-------------------------------------+
*/

var matGen, matObj, formName, e;

function embedFlash(w, h){
	e = canResizeFlash();
	document.write('<div id="flashDiv" style="width:'+w+'px;height:'+h+'">');
	document.write('  <object id="matGen" data="custom_matGen.swf" width="100%" height="100%" type="application/x-shockwave-flash">');
	document.write('    <param name="movie" value="custom_matGen.swf" />');
	document.write('    <param name="FlashVars" value="allowResize='+e+'&myWidth='+w+'&myHeight='+h+'" />');
	document.write('  </object>');
	document.write('</div>');
}
function generateMat(imageObject){
	matObj = imageObject;
	var myForm = document.forms[formName];
	myForm.width.value = matObj.width;
	myForm.height.value = matObj.height;
	myForm.bgColor.value = matObj.bgColor;
	for (var row=0; row < matObj.rows.length; row++){
		currentElement = document.createElement("input");
		currentElement.setAttribute("type", "hidden");
		currentElement.setAttribute("name", "px"+row);
		currentElement.setAttribute("value", matObj.rows[row]);
		myForm.appendChild(currentElement);
	}
	myForm.submit();
}
function setFlashWidth(divid, newW){
	document.getElementById(divid).style.width = newW+"px";
}
function setFlashHeight(divid, newH){
	document.getElementById(divid).style.height = newH+"px";		
}
function setFlashSize(divid, newW, newH){
	setFlashWidth(divid, newW);
	setFlashHeight(divid, newH);
}
function canResizeFlash(){
	var ua = navigator.userAgent.toLowerCase();
	var opera = ua.indexOf("opera");
	if( document.getElementById ){
		if(opera == -1) return true;
		else if(parseInt(ua.substr(opera+6, 1)) >= 7) return true;
	}
	return false;
}

function refreshMatImg() {
	formName = "customConfigForm";
	matGen = document.getElementById('matGen');
	
	var formObject = document.forms[formName];
	var matFaceColor = 0xFFFFFF;
	var matBevelColor = 0xFFFFFF;
	var matWidth = parseFloat(formObject.elements["mat_width"].value);
	var matHeight = parseFloat(formObject.elements["mat_height"].value);
	var windowData = new Array("windows");
	
	if (isNaN(matWidth) || isNaN(matHeight) || !matGen) { return false; }
	
	
	if (formObject.elements["matFaceColor"]) {// dynamically set face color, if not present, set  to white above
		var matFaceColor  = formObject.elements["matFaceColor"].value;
	}
	if (formObject.elements["matBevelColor"]) {// dynamically set bevel color, if not present, set  to white above
		var matBevelColor  = formObject.elements["matBevelColor"].value;
	}
	
	// create the basic windowsless mat
	matGen.addMat({width:matWidth, height:matHeight, faceColor:matFaceColor, bevelColor:matBevelColor, bevelSize: 3, bevelColorOffset: 30, bevelFrom: 'inside', strokeColor: 0xD7D7D7, backgroundColor: 0xFFFFFF});
	var i = 1;
	while (i <= customNumWindowsSupported) {
		if (formObject.elements["window" + i + "_width"]) {
			var winWidth = parseFloat(formObject.elements["window" + i + "_width"].value);
			var winHeight = parseFloat(formObject.elements["window" + i + "_height"].value);
			var winPosX = parseFloat(formObject.elements["window" + i + "_position_x"].value);
			var winPosY = parseFloat(formObject.elements["window" + i + "_position_y"].value);
			if (formObject.elements["window" + i + "_shape"].type == "select-one") {
				var winShape = formObject.elements["window" + i + "_shape"][formObject.elements["window" + i + "_shape"].selectedIndex].value;
			} else {
				var winShape = formObject.elements["window" + i + "_shape"].value;
			}
			windowData[i] = Array(winWidth, winHeight, winPosX, winPosY, winShape);
		}
		i++;
	}
	
	// add a window for each window specified in the form...
	if (windowData.length >= 2) {
		for (j=1; j<windowData.length; j++) {
			if (windowData[j][0] > 0 && windowData[j][1] > 0 && windowData[j][4].length > 0) {
				winPosY = matHeight - (windowData[j][3] + windowData[j][1]);
				matGen.addWindow({shape:windowData[j][4], x:windowData[j][2], y:winPosY, width:windowData[j][0], height:windowData[j][1]});
			}
		}
	}
	// render the mat
	matGen.drawMat();
}

function setMatColorsForMatGen(hex_code, core_hex_code) {
	formName = "customConfigForm";
	var formObject = document.forms[formName];
	formObject.elements["matFaceColor"].value = "0x"+hex_code;
	formObject.elements["matBevelColor"].value = "0x"+core_hex_code;
	refreshMatImg();
}

/*
+-------------------------+
| Global custom funcitons |
+-------------------------+
*/

function isBrowserCustomCompatible() {
	
	//return true;// for now; return true in all cases.
	
	//test for Firefox/x.x or Firefox x.x (ignoring remaining digits)
	if (/Firefox[\/\s](\d+\.\d+)/.test(navigator.userAgent)) {
		var ffversion=new Number(RegExp.$1) // capture x.x portion and store as a number
		if (ffversion < 3) {
			return false;
		}
		return true;
	}
	//test for MSIE x.x;
	if (/MSIE (\d+\.\d+);/.test(navigator.userAgent)) {
		var ieversion=new Number(RegExp.$1) // capture x.x portion and store as a number
		if (ieversion < 6) {
			return false;
		}
		return true;
	}
	//test for Chrome x.x;
	if (/Chrome[\/\s](\d+\.\d+)/.test(navigator.userAgent)) {
		var chromeversion=new Number(RegExp.$1) // capture x.x portion and store as a number
		if (chromeversion < 12) {
			return false;
		}
		return true;
	}
	// in all other cases, return true
	return true;
}

function launchCustomFaceBox(mode, step) {
	$.facebox.settings.opacity = faceBoxOpacity;
	var fboxContent = '';
	var isBrowserCompatible = isBrowserCustomCompatible();
	
	if (mode == "designItYourself" && !isBrowserCompatible || mode == "standaloneBacks" && !isBrowserCompatible) {
		fboxContent = '<p class="bodyHeads" style="font-weight:bold;">Incompatible Browser Detected</p><p class="bodyTxt" style="font-weight:bold; font-size:12px;">Custom Design It Yourself &amp; Custom Standalone Backs requires a current version of either:</p><ul class="bodyTxt" style="font-weight:bold;"><li><a href="http://www.mozilla.com/en-US/firefox/new/" target="_blank">Mozilla Firefox (version 3 or later)</a> or</li><li><a href="http://windows.microsoft.com/en-us/internet-explorer/downloads/ie" target="_blank">Microsoft Internet Explorer (version 6 or later)</a></li></ul><p class="bodyTxt" style="font-weight:bold; font-size:12px;">Library Of Designs and Search By Design Number will work with all current browsers.</p>';
	} else {
		fboxContent = getCustomContent(mode, step);
	}
	jQuery.facebox('<div id="customConfiguratorContent" style="width:'+customConfigWizardWidth+'px; height:'+customConfigWizardHeight+'px; overflow:auto;">'+fboxContent+'</div>');
}

//function for suppressing accidental form submission
function numbersOnly(e) {
	var characterCode;
	if (e && e.which){
		e = e;
		characterCode = e.which;
	} else {
		e = event;
		characterCode = e.keyCode;
	}	 
	if(characterCode >= 48 && characterCode <= 57){
		return true;
	}
	if (characterCode == 8) {
		return true;
	} else {
		return false;
	}
}

// EvalJavaScript - Grabs <script> contents and runs through eval())
function evalJavaScript(_source) {
	var source = _source;
	var scripts = new Array();
	
	// Strip out tags
	while(source.indexOf("<script") > -1 || source.indexOf("</script") > -1) {
		var s = source.indexOf("<script");
		var s_e = source.indexOf(">", s);
		var e = source.indexOf("</script", s);
		var e_e = source.indexOf(">", e);
		
		// Add to scripts array
		scripts.push(source.substring(s_e+1, e));
		// Strip from source
		source = source.substring(0, s) + source.substring(e_e+1);
	}

	
	// Loop through every script collected and eval it
	for(var i=0; i<scripts.length; i++) {
		try {
			eval(scripts[i]);
		} catch(ex) {
			//alert('An error has occurred: '+ex.message);
			//if we have the flash matGen present, keep trying to call it.
			// Firefox seems to begin script execution prior to completetion of the DOM, while IE seems to handle this automatically.
			if (document.getElementById('matGen')) {
				$intID = setTimeout(initFlash, customFlashInitDelay);
				//setInterval(initFlash, customFlashInitDelay);
			}
			continue;
		}
	}
	
	// Return the cleaned source
	//return source;
	return true;
}

function getFormVarsIntoNameValueStr(formObject) {
	var formAgrs = "";
	var formVarName = '';
	var formVarValue = '';
	if (formObject) {
		for (i=0; i<formObject.elements.length; i++) {
			if (formObject.elements[i].name == "paction" || formObject.elements[i].name == "mode" || formObject.elements[i].name == "step") {
				continue;// ignore global switch elements...
			}
			if (formObject.elements[i].type == "select-one" || formObject.elements[i].type == "select-multiple" || formObject.elements[i].type == "text" || formObject.elements[i].type == "textarea" || formObject.elements[i].type == "checkbox" || formObject.elements[i].type == "hidden") {
				formVarName = formObject.elements[i].name;
				formVarValue = formObject.elements[i].value;
				if (formObject.elements[i].type == "select-one" || formObject.elements[i].type == "select-multiple") {
					formVarValue = formObject.elements[i][formObject.elements[i].selectedIndex].value;
				}
				formAgrs += "&" + formVarName;
				formAgrs += "=" + formVarValue;
			}
		}
	}
	return formAgrs;
}

function getCustomContent(mode, step) {
	// build all form elements into a string key/value pair
	var formObject = document.forms["customConfigForm"];
	var formAgrs = getFormVarsIntoNameValueStr(formObject);
	var customHTTP = createRequestObject();
	var dateObject= new Date();// always add in unique uid
	var uid = dateObject.getTime()+dateObject.getMilliseconds()+Math.random();
	// hand off to server to get value
	customHTTP.abort();
	customHTTP.open('post', '/custom.php', true);
	customHTTP.setRequestHeader('Content-Type', 'application/x-www-form-urlencoded');
	customHTTP.onreadystatechange = function () {
		if (customHTTP.readyState == 4) { //Finished loading the response
			if (customHTTP.status && customHTTP.status == 200) {
				// clear out previous content
				if (document.getElementById('customConfiguratorContent')) {
					document.getElementById('customConfiguratorContent').innerHTML = '';
				}
				var response = customHTTP.responseText;
				document.getElementById('customConfiguratorContent').innerHTML = response;
				evalJavaScript(response);// fire off any javascript that came back
			}
		}
	};
	customHTTP.send('uid='+uid+'&paction=getCustomContent&mode=' + mode + '&step=' + step + formAgrs);
	return 'Loading...';
}

function setCustomColor(colorId, mode, step) {
	var formObject = document.forms["customConfigForm"];
	var formAgrs = "";
	var formVarName = '';
	var formVarValue = '';
	var colorIdValue = parseInt(colorId);
	if (isNaN(colorIdValue) || !colorIdValue) {
		alert("Unknown Error Encountered.");
		return false;
	}
	// always add in unique uid
	var dateObject= new Date();
	var uid = dateObject.getTime()+dateObject.getMilliseconds()+Math.random();
	// hand off to server to set color_id into session array variable
	http.abort();
	http.open('post', '/custom.php', true);
	http.setRequestHeader('Content-Type', 'application/x-www-form-urlencoded');
	http.onreadystatechange = function () {
		if (http.readyState == 4 && http.status == 200) { //Finished loading the response
			return getCustomContent(mode, step);
		}
	};
	http.send('uid='+uid+'&paction=setCustomColor&color_id='+colorIdValue+'&mode=' + mode + '&step=' + step);
	return false;
}

function rmCustomColor(sessionKey, mode, step) {
	var formObject = document.forms["customConfigForm"];
	var formAgrs = "";
	var formVarName = '';
	var formVarValue = '';
	
	// always add in unique uid
	var dateObject= new Date();
	var uid = dateObject.getTime()+dateObject.getMilliseconds()+Math.random();
	// hand off to server to set color_id into session array variable
	http.abort();
	http.open('post', '/custom.php');
	http.setRequestHeader('Content-Type', 'application/x-www-form-urlencoded');
	http.onreadystatechange = function () {
		if (http.readyState == 4 && http.status == 200) { //Finished loading the response
			return getCustomContent(mode, step);
		}
	};
	http.send('uid='+uid+'&paction=rmCustomColor&color_key='+sessionKey+'&mode=' + mode + '&step=' + step);
	return false;
}

function setMatProperties(hex_code, core_hex_code) {
	var formObject = document.forms["customConfigForm"];
	formName = formObject.name;
	matGen = document.getElementById("matGen");
	matGen.matFaceColor = "0x"+hex_code;
	matGen.matBevelColor = "0x"+core_hex_code;
	alert("Face Color:"+hex_code+"\nCore Color:"+core_hex_code);
	return true;
}

function setSearchImprecise() {
	var formObject = document.forms["customConfigForm"];
	if (formObject.elements["searchImprecise"].checked == false) {
		formObject.elements["searchImprecise"].checked = true;
		formObject.elements["searchImprecise"].value = 0;
	}
	return true;
}


function setIncludeBacks() {
	var formObject = document.forms["customConfigForm"];
	if (formObject.elements["includeBacks"].checked == false) {
		formObject.elements["includeBacks"].checked = true;
		formObject.elements["includeBacks"].value = 0;
	}
	return true;
}

function getFractionStrFromFloat(floatValue) {
	var value = parseFloat(floatValue);
	if (isNaN(value)) {
		alert("Invalid Argument Encountered");
		return false;
	}
	var strEquiv = String(floatValue);
	if (strEquiv.indexOf('.') < 0) { return strEquiv; }// if we have a whole number/interger, just return it as is
	var decimalParts = strEquiv.split('.');
	var decimalOnly = parseFloat("0."+decimalParts[1]);
	// loop through 
	for (j=0; j<customFractionsSupported.length; j++) {
		var fraction = customFractionsSupported[j];
		var fractionParts = fraction.split('/');
		var decimalEquiv = (parseInt(fractionParts[0]) / parseInt(fractionParts[1]));
		if (decimalEquiv == decimalOnly) {
			return decimalParts[0]+" "+fraction+" ("+strEquiv+")";
		}
	}
	return false;
}

function getIndexFromMenuByValue(menuObject, valueToGetIndexOf) {
	for (i=0; i<menuObject.length; i++) {
		if (menuObject[i].value == valueToGetIndexOf) {
			return i;
		}
	}
}

function resetMatDimMenuOptions(menuObject, option_ceiling, option_floor, incZero) {
	var i = 0;
	var option_ceiling = parseFloat(option_ceiling);
	var option_floor = parseFloat(option_floor);
	var menuObjectIndex = 0;
	var menuValue = menuObject[menuObject.selectedIndex].value;
	// check for inverted agruments
	if (option_ceiling < option_floor) {
		alert("Ceiling("+option_ceiling+") must be greater then floor("+option_floor+").");
		return false;
	}
	// erase all existing options...
	menuObject.length = 0;
	// add the first option in at the zero index if we have one
	if (incZero == true) {
		menuObject.options[i] = new Option('0', '0', true, false);
		i++;
	}
	// rebuild based on floor and ceiling
	while (option_floor <= option_ceiling) {
		var baseInt = parseInt(option_floor);
		menuObject.options[i] = new Option(getFractionStrFromFloat(option_floor), getFractionStrFromFloat(option_floor), false, false);
		if (menuObject.options[i].value == menuValue) {
			menuObjectIndex = i;
			//alert ("Width Medu Selected Option Value1:" + menuObjectIndex);
		}
		if (option_floor < option_ceiling) {
			var subIndex = i+1;
			for (j=0; j<customFractionsSupported.length; j++) {
				var fraction = customFractionsSupported[j];
				var fractionParts = fraction.split('/');
				var decimalEquiv = (parseInt(fractionParts[0]) / parseInt(fractionParts[1])) + baseInt;
				if (decimalEquiv > option_floor && decimalEquiv <= option_ceiling) {
					menuObject.options[subIndex] = new Option(getFractionStrFromFloat(decimalEquiv), decimalEquiv, false, false);
					if (menuObject.options[subIndex].value == menuValue) {
						menuObjectIndex = subIndex;
						//alert ("Width Medu Selected Option Value2:" + menuObjectIndex);
					}
					subIndex++;
				}
			}
			i = subIndex-1;// copy sub increment to primary increment minus one - so it isn't pumped up an extra increment below after last loop
		}
		option_floor = baseInt+1;
		i++;
	}
	menuObjectIndex = getIndexFromMenuByValue(menuObject, menuValue);
	menuObject.selectedIndex = menuObjectIndex;
}

function setHeightMenuOpts(menu_prefix, minWidth, minHeight, maxWidth, maxHeight) {
	var incZero = false;
	if (menu_prefix == "window") {
		var incZero = true;
	}
	var formObject = document.forms["customConfigForm"];
	var widthValue = parseFloat(formObject.elements[menu_prefix+"_width"][formObject.elements[menu_prefix+"_width"].selectedIndex].value);
	var heightValue = parseFloat(formObject.elements[menu_prefix+"_height"][formObject.elements[menu_prefix+"_height"].selectedIndex].value);
	// reset corresponding height menu
	//resetMatDimMenuOptions(formObject.elements[menu_prefix+"_height"], maxHeight, minWidth, incZero);
	// special considerations for window height menus
	if (menu_prefix == "window") {
		// reset height to sero if width is zero
		if (widthValue == 0 || widthValue == false) { 
			formObject.elements[menu_prefix+"_height"].selectedIndex = 0;
			return false;
		}
		// reset height to min if width is greater than zero, and height is equal to zero
		if (heightValue == 0 && widthValue > 0) { 
			formObject.elements[menu_prefix+"_height"].selectedIndex = 1;
			return false;
		}
	}
	// set the minHeight based on widthValue; minHeight passed in = 7; minWidth passed in = 5;
	// override minHeight if widthValue if greater than or equal to minHeight 
	if (widthValue >= minHeight) {
		//alert("Width Val ("+widthValue+") Greater than or equal to: "+minHeight);
		minHeight = minWidth;
	}
	// set the maxHeight based on widthValue; maxHeight passed in = 36; maxWidth passed in = 28;
	// override minHeight if widthValue if greater than minHeight 
	if (widthValue > maxWidth) {
		//alert("Width Val ("+widthValue+") Greater than: "+maxWidth);
		maxHeight = maxWidth;
	}
	
	resetMatDimMenuOptions(formObject.elements[menu_prefix+"_height"], maxHeight, minHeight, incZero);
}

function setWidthMenuOpts(menu_prefix, minWidth, minHeight, maxWidth, maxHeight) {
	var incZero = false;
	if (menu_prefix == "window") {
		var incZero = true;
	}
	var formObject = document.forms["customConfigForm"];
	var widthValue = parseFloat(formObject.elements[menu_prefix+"_width"][formObject.elements[menu_prefix+"_width"].selectedIndex].value);
	var heightValue = parseFloat(formObject.elements[menu_prefix+"_height"][formObject.elements[menu_prefix+"_height"].selectedIndex].value);
	// reset corresponding height menu
	//resetMatDimMenuOptions(formObject.elements[menu_prefix+"_width"], maxWidth, minHeight, incZero);
	// special considerations for window height menus
	if (menu_prefix == "window") {
		// reset to sero if height is zero
		if (heightValue == 0 || heightValue == false) { 
			formObject.elements[menu_prefix+"_width"].selectedIndex = 0;
			return false;
		}
		// reset height to min if width is greater than zero, and height is greater than zero
		if (widthValue == 0 && heightValue > 0) { 
			formObject.elements[menu_prefix+"_width"].selectedIndex = 1;
			return false;
		}
	}
	// set the minWidth based on heightValue; minHeight passed in = 7; minWidth passed in = 5;
	// override minWidth if heightValue if less than minHeight
	if (heightValue < minHeight) {
		//alert("Height Val ("+heightValue+") less than: "+minWidth);
		minWidth = minHeight;
	}
	// set the max
	// set the maxWidth based on heightValue; maxWidth passed in = 28; maxHeight passed in = 36;
	// set maxWidth = maxHeight if heightValue less than or equal to maxWidth
	if (heightValue <= maxWidth) {
		//alert("Height Val ("+heightValue+") less than or equal to: "+maxWidth);
		maxWidth = maxHeight;
	}
	
	resetMatDimMenuOptions(formObject.elements[menu_prefix+"_width"], maxWidth, minWidth, incZero);
}

function activateMatBackOptions(qtyPreset) {
	
	var formObject = document.forms["customConfigForm"];
	
	if (formObject.elements["includeBacks"].checked == true) {
		document.getElementById('backOptionsBox').innerHTML = document.getElementById('backOptionsSourceBox').innerHTML;
		
	} else {
		document.getElementById('backOptionsBox').innerHTML = '';
	}
}

function ckWindowDimensionMenus(getNextStep, mode, step) {
	var formObject = document.forms["customConfigForm"];
	var width = parseFloat(document.forms["customConfigForm"].elements["window_width"][document.forms["customConfigForm"].elements["window_width"].selectedIndex].value);
	var height = parseFloat(document.forms["customConfigForm"].elements["window_height"][document.forms["customConfigForm"].elements["window_height"].selectedIndex].value);
	if (width == 0 && height > 0 || width > 0 && height == 0) {
		alert("If either window dimension is above zero, both must be above zero.");
		return false;
	}
	if (getNextStep == true) {
		getCustomContent(mode, step);
	}
	return true;
}
/*
function getLibDesignsSearchResults(designNumber, formName) {
	var is_error = 0;
	var formObject = document.forms[formName];
	if (designNumber == "" || designNumber.length < 1) {
		return false;
	}
	// always add in unique uid
	var dateObject= new Date();
	var uid = dateObject.getTime()+dateObject.getMilliseconds()+Math.random();
	// hand off to server to set color_id into session array variable
	var customHTTP = createRequestObject();
	customHTTP.abort();
	customHTTP.open('post', '/custom.php');
	customHTTP.setRequestHeader('Content-Type', 'application/x-www-form-urlencoded');
	customHTTP.onreadystatechange = function () {
		if (customHTTP.readyState == 4 && customHTTP.status == 200) { //Finished loading the response
			// clear out previous content
			if (document.getElementById('customConfiguratorContent')) {
				document.getElementById('customConfiguratorContent').innerHTML = '';
			}
			var response = customHTTP.responseText;
			document.getElementById('customConfiguratorContent').innerHTML = response;
		}
	};
	customHTTP.send('uid='+uid+'&paction=getCustomContent&mode=byDesignNumber&step=searchForDesigns&designNumber='+designNumber);
}
*/

/*
function xferDesignSearchToLibDesignsStep5Form(designID) {
	var is_error = 0;
	var formObject = document.forms[formName];
	if (designID == "" || designID.length < 1) {
		return false;
	}
	// always add in unique uid
	var dateObject= new Date();
	var uid = dateObject.getTime()+dateObject.getMilliseconds()+Math.random();
	// hand off to server to set color_id into session array variable
	http.abort();
	http.open('post', '/custom.php');
	http.setRequestHeader('Content-Type', 'application/x-www-form-urlencoded');
	http.onreadystatechange = function () {
		if (http.readyState == 4 && http.status == 200) { //Finished loading the response
			// clear out previous content
			if (document.getElementById('customConfiguratorContent')) {
				document.getElementById('customConfiguratorContent').innerHTML = '';
			}
			var response = http.responseText;
			document.getElementById('customConfiguratorContent').innerHTML = response;
		}
	};
	http.send('uid='+uid+'&paction=xferToLibDesigns5&design_id='+designID);
}
*/
function libDesigns_checkStep3() {
	var is_error = 0;
	var err_message = "The following fields are required:\n\n";
	var formObject = document.forms["customConfigForm"];
	
	// if we have a mat_width object, check it
	if (formObject.elements["mat_width"]) {
		if (checkMatDimensions("libraryOfDesigns", 4, "search_")) {
			setSearchImprecise();
			getCustomContent('libraryOfDesigns', 4);
			//alert("Got here 1");
			return true;
		} else {
			return false;
		}
	} else if (formObject.elements["window_width"]) {
		//return checkMatDimensions("libraryOfDesigns", 4, "search_");
		if (checkWindowDimensions("libraryOfDesigns", 4, formObject.elements["max_window_width"].value, formObject.elements["max_window_height"].value, "search_")) {
			setSearchImprecise();
			getCustomContent('libraryOfDesigns', 4);
			//alert("Got here 2");
			return true;
		} else {
			return false;
		}
	}
	/*
	// if we have a mat_width object, check it
	if (formObject.elements["mat_width"]) {
		var matWidthVal = parseFloat(formObject.elements["mat_width"][formObject.elements["mat_width"].selectedIndex].value);
		var matHeightVal = parseFloat(formObject.elements["mat_height"][formObject.elements["mat_height"].selectedIndex].value);
		if (isNaN(matWidthVal) || !matWidthVal || isNaN(matHeightVal) || !matHeightVal) {
			err_message += " - Mat Width/Height\n";
			is_error = 1;
		}
		formObject.elements["search_mat_width"].value = matWidthVal;
		formObject.elements["search_mat_height"].value = matHeightVal;
	}
	// if we have a window_width object, check it
	if (formObject.elements["window_width"]) {
		var winWidthVal = parseFloat(formObject.elements["window_width"][formObject.elements["window_width"].selectedIndex].value);
		var winHeightVal = parseFloat(formObject.elements["window_height"][formObject.elements["window_height"].selectedIndex].value);
		if (!winWidthVal && winHeightVal > 0 || !winHeightVal && winWidthVal > 0) {
			err_message += " - Window Width/Height\n";
			is_error = 1;
		}
		formObject.elements["search_window_width"].value = winWidthVal;
		formObject.elements["search_window_height"].value = winHeightVal;
	}
	*/
	
	// react
	if (is_error >= 1) {
		alert(err_message);
		return false;
	}
	setSearchImprecise(); 
	getCustomContent('libraryOfDesigns', 4);
	return true;
}

function libDesigns_checkStep5() {
	var is_error = 0;
	var err_message = "The following fields are required:\n\n";
	var formObject = document.forms["customConfigForm"];
	var coreVal = formObject.elements["core"][formObject.elements["core"].selectedIndex].value;
	
	if (coreVal == "Select Core Color/Material") {
		err_message += " - Core Color/Material\n";
		is_error = 1;
	}
	
	// react
	if (is_error >= 1) {
		alert(err_message);
		return false;
	}
	getCustomContent('libraryOfDesigns', 6);
	return true;
}

function libDesigns_checkStep7() {
	var is_error = 0;
	var err_message = "The following fields are required:\n\n";
	var formObject = document.forms["customConfigForm"];
	
	if (formObject.elements["includeBacks"].checked == true ) {
		//var backQtyVal = parseInt(formObject.elements["back_qty"][formObject.elements["back_qty"].selectedIndex].value);
		var backQtyVal = parseInt(formObject.elements["back_qty"].value);
		if (isNaN(backQtyVal) || backQtyVal < 1) {
			err_message += " - Back Quantity\n";
			is_error = 1;
		}
	}
	
	// react
	if (is_error >= 1) {
		alert(err_message);
		return false;
	}
	setIncludeBacks();
	getCustomContent('libraryOfDesigns', 8);
	return true;
}

function libDesigns_checkStep8() {
	var is_error = 0;
	var err_message = "The following fields are required:\n\n";
	var formObject = document.forms["customConfigForm"];
	var zipCode = formObject.elements["ship_to_zip"].value;
	if (formObject.elements["ship_to_country"].type == "select-one") {
		var countryVal = formObject.elements["ship_to_country"][formObject.elements["ship_to_country"].selectedIndex].value;
	} else {
		var countryVal = formObject.elements["ship_to_country"].value;
	}
	if (countryVal == "--Select--" || countryVal == "") {
		err_message += " - Country\n";
		is_error = 1;
	}
	if (zipCode == "") {
		err_message += " - Zip/Postal Code\n";
		is_error = 1;
	}
	
	// react
	if (is_error >= 1) {
		alert(err_message);
		return false;
	}
	getCustomContent('libraryOfDesigns', 9);
	return true;
}

function libDesigns_saveReloadStep9() {
	var is_error = 0;
	var err_message = "The following fields are required:\n\n";
	var formObject = document.forms["customConfigForm"];
	var priceMenuVal = parseInt(formObject.elements["prodTime_price"][formObject.elements["prodTime_price"].selectedIndex].value);
	if (priceMenuVal == "--Select--" || priceMenuVal == "") {
		return false;
	}
	getCustomContent('libraryOfDesigns', 9);
	return true;
}

function libDesigns_checkStep9() {
	var is_error = 0;
	var err_message = "The following fields are required:\n\n";
	var formObject = document.forms["customConfigForm"];
	var priceMenuVal = parseInt(formObject.elements["prodTime_price"][formObject.elements["prodTime_price"].selectedIndex].value);
	
	if (priceMenuVal == 0 || priceMenuVal == "0") {
		err_message += " - You must select a production schedule/price.\n";
		is_error = 1;
	}
	
	if (formObject.elements["confirmOrder"].checked == false) {
		document.getElementById("cofirmOrderParagraph").style.backgroundColor = "#ffafaf";
		err_message += " - You must check the box below to indicate that you agree to the terms and conditions.\n";
		is_error = 1;
	}
	
	// react
	if (is_error >= 1) {
		alert(err_message);
		return false;
	}
	//getCustomContent('libraryOfDesigns', 'addToCart');
	//matGen.printMe();
	formObject.submit();
	return true;
}

function setCenteredBottomMargin() {
	var formObject = document.forms["customConfigForm"];
	formObject.elements["bottom_margin_int"].value = formObject.elements["bottom_margin_centered_int"].value;
	for (j=0; j<formObject.elements["bottom_margin_dec"].options.length; j++) {
		if (formObject.elements["bottom_margin_dec"].options[j].value == formObject.elements["bottom_margin_centered_dec"].value) {
			formObject.elements["bottom_margin_dec"].selectedIndex = j;
		}
	}
	return true;
}

function checkBottomMargin(mode, nextStep, matHeight, windowHeight, bottomMargin) {
	var is_error = 0;
	var err_message = "";
	var formObject = document.forms["customConfigForm"];
	var bottomMargin = parseInt(formObject.elements["bottom_margin_int"].value) + parseFloat(formObject.elements["bottom_margin_dec"].value);
	var maxBottomMargin = parseFloat(matHeight) - parseFloat(windowHeight);
	var minBottomMargin = 0.5;
	
	if (bottomMargin > maxBottomMargin) {
		err_message += "Maximum Allowable Bottom Margin is "+maxBottomMargin+"\n";
		is_error = 1;
	}
	
	if (bottomMargin < minBottomMargin) {
		err_message += "Minimum Allowable Bottom Margin is "+minBottomMargin+"\n";
		is_error = 1;
	}
	
	// react
	if (is_error >= 1) {
		alert(err_message);
		return false;
	}
	
	formObject.elements["bottom_margin"].value = bottomMargin;
	
	getCustomContent(mode, nextStep);
	return true;
}

function setWindowDimensionFields() {
	var formObject = document.forms["customConfigForm"];
	var windowWidth = parseInt(formObject.elements["window_width_int"].value) + parseFloat(formObject.elements["window_width_dec"].value);
	var windowHeight = parseInt(formObject.elements["window_height_int"].value) + parseFloat(formObject.elements["window_height_dec"].value);
	formObject.elements["window_width"].value = windowWidth;
	formObject.elements["window_height"].value = windowHeight;
	return true;
}

// note: this function assumes that mat width and mat height are already defined
function checkWindowDimensions(mode, nextStep, maxWidth, maxHeight, fieldNamePrefix) {
	var is_error = 0;
	var err_message = "";
	var formObject = document.forms["customConfigForm"];
	
	var windowWidth = parseInt(formObject.elements["window_width_int"].value) + parseFloat(formObject.elements["window_width_dec"].value);
	var windowHeight = parseInt(formObject.elements["window_height_int"].value) + parseFloat(formObject.elements["window_height_dec"].value);
	
	if (windowWidth > 0 && windowWidth < custom_windowMinWidth) {
		err_message += "Minimum Allowable Width is "+custom_windowMinWidth+"\n";
		is_error = 1;
	}
	if (windowHeight > 0 && windowHeight < custom_windowMinHeight) {
		err_message += "\n\nMinimum Allowable Height is "+custom_windowMinHeight+"\n";
		is_error = 1;
	}
	if (windowWidth > maxWidth) {
		err_message += "\n\nMaximum Allowable Width is "+maxWidth+"\n";
		is_error = 1;
	}
	if (windowHeight > maxHeight) {
		err_message += "\n\nMaximum Allowable Height is "+maxHeight+"\n";
		is_error = 1;
	}
	
	// react
	if (is_error >= 1) {
		alert(err_message);
		return false;
	}
	
	formObject.elements[fieldNamePrefix+"window_width"].value = windowWidth;
	formObject.elements[fieldNamePrefix+"window_height"].value = windowHeight;
	
	// if this function is being called for designItYourself step 5, see if we have zero values for window dimensions, and if so, skip to the next step.
	if (mode == "designItYourself" && nextStep == 5 && windowWidth == 0 && windowHeight == 0) {
		nextStep = "5b";
	}
	
	getCustomContent(mode, nextStep);
	return true;
}

function checkMatDimensions(mode, nextStep, fieldNamePrefix) {
	var is_error = 0;
	var err_message = "";
	var formObject = document.forms["customConfigForm"];
	
	var matWidth = parseInt(formObject.elements[fieldNamePrefix+"mat_width_int"].value) + parseFloat(formObject.elements[fieldNamePrefix+"mat_width_dec"].value);
	var matHeight = parseInt(formObject.elements[fieldNamePrefix+"mat_height_int"].value) + parseFloat(formObject.elements[fieldNamePrefix+"mat_height_dec"].value);
	
	// setup thresholds based on default global vars
	var matMinWidth = custom_matMinWidth;
	var matMinHeight = custom_matMinHeight;
	var matMaxWidth = custom_matMaxWidth;
	var matMaxHeight = custom_matMaxHeight;

	
	if (matWidth > matHeight) {// for landscape oriented mats, swap thresholds that are setup by default for portrait oriented mats
		matMinWidth = custom_matMinHeight;
		matMinHeight = custom_matMinWidth;
		matMaxWidth = custom_matMaxHeight;
		matMaxHeight = custom_matMaxWidth;
	}
	
	if (matWidth < matMinWidth) {
		err_message += "Minimum Allowable Width is "+matMinWidth+"\n";
		is_error = 1;
	}
	if (matHeight < matMinHeight) {
		err_message += "\n\nMinimum Allowable Height is "+matMinHeight+"\n";
		is_error = 1;
	}
	if (matWidth > matMaxWidth) {
		err_message += "\n\nMaximum Allowable Width is "+matMaxWidth+"\n";
		is_error = 1;
	}
	if (matHeight > matMaxHeight) {
		err_message += "\n\nMaximum Allowable Height is "+matMaxHeight+"\n";
		is_error = 1;
	}
	
	// react
	if (is_error >= 1) {
		alert(err_message);
		return false;
	}
	
	formObject.elements[fieldNamePrefix+"mat_width"].value = matWidth;
	formObject.elements[fieldNamePrefix+"mat_height"].value = matHeight;
	
	getCustomContent(mode, nextStep);
	return true;
}

function designItYourself_checkStep6() {
	var is_error = 0;
	var err_message = "The following fields are required:\n\n";
	var formObject = document.forms["customConfigForm"];
	var coreVal = formObject.elements["core"][formObject.elements["core"].selectedIndex].value;
	
	if (coreVal == "Select Core Color/Material") {
		err_message += " - Core Color/Material\n";
		is_error = 1;
	}
	
	// react
	if (is_error >= 1) {
		alert(err_message);
		return false;
	}
	getCustomContent('designItYourself', 7);
	return true;
}

function designItYourself_checkStep8() {
	var is_error = 0;
	var err_message = "The following fields are required:\n\n";
	var formObject = document.forms["customConfigForm"];
	
	if (formObject.elements["includeBacks"].checked == true ) {
		//var backQtyVal = parseInt(formObject.elements["back_qty"][formObject.elements["back_qty"].selectedIndex].value);
		var backQtyVal = parseInt(formObject.elements["back_qty"].value);
		if (isNaN(backQtyVal) || backQtyVal < 1) {
			err_message += " - Back Quantity\n";
			is_error = 1;
		}
	}
	
	// react
	if (is_error >= 1) {
		alert(err_message);
		return false;
	}
	setIncludeBacks();
	getCustomContent('designItYourself', 9);
	return true;
}

function designItYourself_checkStep9() {
	var is_error = 0;
	var err_message = "The following fields are required:\n\n";
	var formObject = document.forms["customConfigForm"];
	var zipCode = formObject.elements["ship_to_zip"].value;
	if (formObject.elements["ship_to_country"].type == "select-one") {
		var countryVal = formObject.elements["ship_to_country"][formObject.elements["ship_to_country"].selectedIndex].value;
	} else {
		var countryVal = formObject.elements["ship_to_country"].value;
	}
	if (countryVal == "--Select--" || countryVal == "") {
		err_message += " - Country\n";
		is_error = 1;
	}
	if (zipCode == "") {
		err_message += " - Zip/Postal Code\n";
		is_error = 1;
	}
	
	// react
	if (is_error >= 1) {
		alert(err_message);
		return false;
	}
	getCustomContent('designItYourself', 10);
	return true;
}

function designItYourself_saveReloadStep10() {
	var is_error = 0;
	var err_message = "The following fields are required:\n\n";
	var formObject = document.forms["customConfigForm"];
	var priceMenuVal = parseInt(formObject.elements["prodTime_price"][formObject.elements["prodTime_price"].selectedIndex].value);
	
	if (priceMenuVal == "--Select--" || priceMenuVal == "") {
		return false;
	}
	
	getCustomContent('designItYourself', 10);
	return true;
}

function designItYourself_checkStep10() {
	var is_error = 0;
	var err_message = "The following fields are required:\n\n";
	var formObject = document.forms["customConfigForm"];
	var priceMenuVal = parseInt(formObject.elements["prodTime_price"][formObject.elements["prodTime_price"].selectedIndex].value);
	
	if (priceMenuVal == 0 || priceMenuVal == "0") {
		err_message += " - You must select a production schedule/price.\n";
		is_error = 1;
	}
	
	if (formObject.elements["confirmOrder"].checked == false) {
		document.getElementById("cofirmOrderParagraph").style.backgroundColor = "#ffafaf";
		err_message += " - You must check the box below to indicate that you agree to the terms and conditions.\n";
		is_error = 1;
	}
	
	// react
	if (is_error >= 1) {
		alert(err_message);
		return false;
	}
    if (matGen && typeof matGen.printMe === 'function') {
        matGen.printMe();
    }
    if (matFnV && typeof matFnV.printMe === 'function') {
        matFnV.printMe();
    }	
    var form = $('form[name="customConfigForm"]')[0];
	form.submit();
	//getCustomContent('designItYourself', 'addToCart');
	return true;
}

function byDesignNumber_checkStep1() {
	var is_error = 0;
	var err_message = "The following fields are required:\n\n";
	var formObject = document.forms["customConfigForm"];
	var designNumber = formObject.elements["designNumber"].value;
	if (designNumber == "0" || designNumber == "" || designNumber.length < 1 || designNumber == "Enter Design Number") {
		err_message += " - Design Number\n";
		is_error = 1;
	}
	
	// react
	if (is_error >= 1) {
		alert(err_message);
		return false;
	}
	//launchCustomFaceBox('byDesignNumber', 'searchForDesigns');
	//libDesigns_getStepFourForm('', designNumber, 0, 0);
	//getLibDesignsSearchResults(designNumber, formName);
	getCustomContent('byDesignNumber', 2);
	return true;
}

function byDesignNumber_checkStep3() {
	var is_error = 0;
	var err_message = "The following fields are required:\n\n";
	var formObject = document.forms["customConfigForm"];
	var coreVal = formObject.elements["core"][formObject.elements["core"].selectedIndex].value;
	
	if (coreVal == "Select Core Color/Material") {
		err_message += " - Core Color/Material\n";
		is_error = 1;
	}
	
	// react
	if (is_error >= 1) {
		alert(err_message);
		return false;
	}
	getCustomContent('byDesignNumber', 4);
	return true;
}

function byDesignNumber_checkStep5() {
	var is_error = 0;
	var err_message = "The following fields are required:\n\n";
	var formObject = document.forms["customConfigForm"];
	
	if (formObject.elements["includeBacks"].checked == true ) {
		
		//var backQtyVal = parseInt(formObject.elements["back_qty"][formObject.elements["back_qty"].selectedIndex].value);
		
		var backQtyVal = parseInt(formObject.elements["back_qty"].value);
		if (isNaN(backQtyVal) || backQtyVal < 1) {
			err_message += " - Back Quantity\n";
			is_error = 1;
		}
	}
	
	// react
	if (is_error >= 1) {
		alert(err_message);
		return false;
	}
	setIncludeBacks();
	getCustomContent('byDesignNumber', 6);
	return true;
}

function byDesignNumber_checkStep6() {
	var is_error = 0;
	var err_message = "The following fields are required:\n\n";
	var formObject = document.forms["customConfigForm"];
	var zipCode = formObject.elements["ship_to_zip"].value;
	if (formObject.elements["ship_to_country"].type == "select-one") {
		var countryVal = formObject.elements["ship_to_country"][formObject.elements["ship_to_country"].selectedIndex].value;
	} else {
		var countryVal = formObject.elements["ship_to_country"].value;
	}
	if (countryVal == "--Select--" || countryVal == "") {
		err_message += " - Country\n";
		is_error = 1;
	}
	if (zipCode == "") {
		err_message += " - Zip/Postal Code\n";
		is_error = 1;
	}
	
	// react
	if (is_error >= 1) {
		alert(err_message);
		return false;
	}
	getCustomContent('byDesignNumber', 7);
	return true;
}

function byDesignNumber_saveReloadStep7() {
	var is_error = 0;
	var err_message = "The following fields are required:\n\n";
	var formObject = document.forms["customConfigForm"];
	var priceMenuVal = parseInt(formObject.elements["prodTime_price"][formObject.elements["prodTime_price"].selectedIndex].value);
	if (priceMenuVal == "--Select--" || priceMenuVal == "") {
		return false;
	}
	
	getCustomContent('byDesignNumber', 7);
	return true;
}

function byDesignNumber_checkStep7() {
	var is_error = 0;
	var err_message = "The following fields are required:\n\n";
	var formObject = document.forms["customConfigForm"];
	var priceMenuVal = parseInt(formObject.elements["prodTime_price"][formObject.elements["prodTime_price"].selectedIndex].value);
	
	if (priceMenuVal == 0 || priceMenuVal == "0") {
		err_message += " - You must select a production schedule/price.\n";
		is_error = 1;
	}
	
	if (formObject.elements["confirmOrder"].checked == false) {
		document.getElementById("cofirmOrderParagraph").style.backgroundColor = "#ffafaf";
		err_message += " - You must check the box below to indicate that you agree to the terms and conditions.\n";
		is_error = 1;
	}
	
	// react
	if (is_error >= 1) {
		alert(err_message);
		return false;
	}
	//getCustomContent('libraryOfDesigns', 'addToCart');
	//matGen.printMe();
	formObject.submit();
	return true;
}

function standaloneBacks_checkStep3() {
	var is_error = 0;
	var err_message = "The following fields are required:\n\n";
	var formObject = document.forms["customConfigForm"];
	var zipCode = formObject.elements["ship_to_zip"].value;
	if (formObject.elements["ship_to_country"].type == "select-one") {
		var countryVal = formObject.elements["ship_to_country"][formObject.elements["ship_to_country"].selectedIndex].value;
	} else {
		var countryVal = formObject.elements["ship_to_country"].value;
	}
	if (countryVal == "--Select--" || countryVal == "") {
		err_message += " - Country\n";
		is_error = 1;
	}
	if (zipCode == "") {
		err_message += " - Zip/Postal Code\n";
		is_error = 1;
	}
	
	// react
	if (is_error >= 1) {
		alert(err_message);
		return false;
	}
	getCustomContent('standaloneBacks', 4);
	return true;
}

function standaloneBacks_saveReloadStep4() {
	var is_error = 0;
	var err_message = "The following fields are required:\n\n";
	var formObject = document.forms["customConfigForm"];
	var priceMenuVal = parseInt(formObject.elements["prodTime_price"][formObject.elements["prodTime_price"].selectedIndex].value);
	
	if (priceMenuVal == "--Select--" || priceMenuVal == "") {
		return false;
	}
	
	getCustomContent('standaloneBacks', 4);
	return true;
}

function standaloneBacks_checkStep4() {
	var is_error = 0;
	var err_message = "The following fields are required:\n\n";
	var formObject = document.forms["customConfigForm"];
	var priceMenuVal = parseInt(formObject.elements["prodTime_price"][formObject.elements["prodTime_price"].selectedIndex].value);
	
	if (priceMenuVal == 0 || priceMenuVal == "0") {
		err_message += " - You must select a production schedule/price.\n";
		is_error = 1;
	}
	
	if (formObject.elements["confirmOrder"].checked == false) {
		document.getElementById("cofirmOrderParagraph").style.backgroundColor = "#ffafaf";
		err_message += " - You must check the box below to indicate that you agree to the terms and conditions.\n";
		is_error = 1;
	}
	
	// react
	if (is_error >= 1) {
		alert(err_message);
		return false;
	}
    if (matGen && typeof matGen.printMe === 'function') {
        matGen.printMe();
    }
    if (matFnV && typeof matFnV.printMe === 'function') {
        matFnV.printMe();
    }
        
	var form = $('form[name="customConfigForm"]')[0];
	form.submit();
	//getCustomContent('designItYourself', 'addToCart');
	return true;
}