var preError = "The following errors have been found:\n------------------------------------\n";
var errorString = "";
var postError = "------------------------------------\nPlease correct these errors and re-submit.";
var errorNumber = 0;
var errorNumDot = ". ";


var itemType = "stirstick";
var styleID, monogramStyle, colorID, foilColorID;
var fontFaceOne, fontSizeOne, fontFaceTwo, fontSizeTwo, fontFaceThree, fontSizeThree, initialOneFont, initialOneSize, initialTwoFont, initialTwoSize, initialThreeFont, initialThreeSize, designID;
var lineOneCopy, lineTwoCopy, lineThreeCopy, initialOneCopy, initialTwoCopy, initialThreeCopy, lineOneEnvCopy, lineTwoEnvCopy;
var numLines, includeDesign;
var currentStepDiv = "styleStep";
var currentStepNum = "1";
var pictureUrl, layoutChosen;
var fontID1, fontID2, fontID3, size1, size2, size3;
var productName = "";
var colorName = "";
//var previewButton = false;

function getAllValues() {
	styleID = document.productForm.styleID.value;
	colorID = document.productForm.colorID.value; 
	foilColorID = document.productForm.foilColorID.value;
	itemLayout = document.productForm.itemLayout.value;
	itemContent = getRadioValue(document.productForm.itemContent);
	fontFaceOne = getSelectValue(document.productForm.fontFaceOne);
	fontSizeOne = getSelectValue(document.productForm.fontSizeOne);
	fontFaceTwo = getSelectValue(document.productForm.fontFaceTwo);
	fontSizeTwo = getSelectValue(document.productForm.fontSizeTwo);
	fontFaceThree = getSelectValue(document.productForm.fontFaceThree);
	fontSizeThree = getSelectValue(document.productForm.fontSizeThree);
	fontFaceFour = getSelectValue(document.productForm.fontFaceFour);
	fontSizeFour = getSelectValue(document.productForm.fontSizeFour);
	designID = document.productForm.designID.value;
	lineOneCopy = document.productForm.lineOneCopy.value;
	lineTwoCopy = document.productForm.lineTwoCopy.value;
	lineThreeCopy = document.productForm.lineThreeCopy.value;
	lineFourCopy = document.productForm.lineFourCopy.value; 
}
//function hideAndSeek(hideDivsArray,showDiv,showDivTwo,showDivThree,showDivFour) {
//	var index;
//	var arrayLength = hideDivsArray.length;
//	for (index = 0; index < arrayLength; index++) {
//		eval(navRefOne + hideDivsArray[index] + navRefTwo + ".display = 'none'");
//	}
//	eval(navRefOne + showDiv + navRefTwo + ".display = 'block'");
//	if (showDivTwo != null) {
//		eval(navRefOne + showDivTwo + navRefTwo + ".display = 'block'");
//	}
//	if (showDivThree != null) {
//		eval(navRefOne + showDivThree + navRefTwo + ".display = 'block'");
//	}
//	if (showDivFour != null) {
//		eval(navRefOne + showDivFour + navRefTwo + ".display = 'block'");
//	}
//}
function seek(showDiv) {
	eval(navRefOne + showDiv + navRefTwo + ".display = 'block'");
}
function hide(hideDiv) {
	eval(navRefOne + hideDiv + navRefTwo + ".display = 'none'");
}
//function resetLists(resetListsArray) {
//	var index;
//	var arrayLength = resetListsArray.length;
//	for (index = 0; index < arrayLength; index++) {
//		eval('document.productForm.' + resetListsArray[index] + '.selectedIndex = 0');
//	}
//}
var stepArray = new Array();
stepArray["styleStep"] = 1;
stepArray["foilStep"] = 2;
stepArray["copyStep"] = 3;
stepArray["copyArtStep"] = 4;
stepArray["previewStep"] = 5;

function backStep() {
	var newStepNum = currentStepNum; 
	if (currentStepNum > 1) {
		newStepNum = currentStepNum - 1;
	}
	for (newStep in stepArray) {
		if (stepArray[newStep] == newStepNum) {
			changeStep(newStep);
		}
	}
}			
function changeStep(stepDiv) {
	stepnum = stepArray[stepDiv];

	var cat = "";
	getAllValues();
	if (styleID > 1000) {
		if (stepDiv != "styleStep" && stepDiv != "previewStep") {
			if (currentStepDiv != "previewStep") {
				stepDiv = "previewStep";
				stepnum = "5";
			} else {
				stepDiv = "styleStep";
				stepnum = "1";
			}
		}
	}
	if (stepDiv == "copyArtStep" && (lineOneCopy != "" || lineTwoCopy != "" || lineThreeCopy != "" || lineFourCopy != "")) { //no art with text 
		if (currentStepDiv != "previewStep") {
			stepDiv = "previewStep";
			stepnum = "5";
		} else {
			stepDiv = "copyStep";
			stepnum = "3";
		}
	}
		
	eval(navRefOne + "stepno" + currentStepNum + navRefTwo.replace(/.style/,".className") + " = 'inactive-step'");
	eval(navRefOne + "stepno" + stepnum + navRefTwo.replace(/.style/,".className") + " = 'active-step'");
	eval(navRefOne + "stepdesc" + currentStepNum + navRefTwo + ".display = 'none'");
	eval(navRefOne + "stepdesc" + stepnum + navRefTwo + ".display = 'block'");
	eval(navRefOne + currentStepDiv + navRefTwo + ".display = 'none'");    
	eval(navRefOne + stepDiv + navRefTwo + ".display = 'block'");          
	eval(navRefOne + currentStepDiv + navRefTwo + ".display = 'none'");
	eval(navRefOne + stepDiv + navRefTwo + ".display = 'block'");
	if (currentStepDiv != stepDiv || stepDiv == "colorStep") {
		if (stepDiv == "colorStep") {
//			setTimeout('loadIframe("colorSamples", "samplePages/showPaperColors.php?cat=all")',300);
		} else if (stepDiv == "foilStep") {
			setTimeout('loadIframe("foilSamples", "/samplePages/showFoils.php")',300);
//		} else if (stepDiv == "monogramStep") {
//			setTimeout('loadIframe("monogramSamples", "/samplePages/showMonograms.php")',300);
//		} else if (stepDiv == "copyStep") {
//			setTimeout('loadIframe("copySamples", "/samplePages/showFonts.php")',300);
//		} else if (stepDiv == "bagContentStep") {
//			setTimeout('loadIframe("contentSamples", "/samplePages/showExtraContent.php")',300);
//		} else if (stepDiv == "layoutStep") {
//			setTimeout('loadIframe("layoutSamples", "/samplePages/showFavorContents.php?cat=' + catNum + '")',300);
		} else if (stepDiv == "copyArtStep") {
			setTimeout('loadIframe("copyArtSamples", "/samplePages/showDesigns.php")',300);
		}
	}
	currentStepDiv = stepDiv;
	currentStepNum = stepnum;
	updatePreview();
	nextTip();
}

function selectLayout(selectItem) {
	document.productForm.itemLayout.value=selectItem;
	getAllValues();
	layoutSelect();
}
//function selectContent(selectItem) {
//	document.productForm.bagContentList.selectedIndex=selectItem;
//	getAllValues();
//	contentSelect();
//}
//function selectMonogram(selectItem) {
//	document.productForm.monogramStyleList.selectedIndex=selectItem;
//	getAllValues();
//	monogramSelect();
//}

function selectStyle(selectItem,selectName) {
	document.productForm.styleID.value=selectItem;
	var d=document.getElementById('product_type');
	d.innerHTML=selectName + " " + colorName;
	productName=selectName;
	getAllValues();
	styleSelect();
}
function selectColor(selectItem,selectName) {
	document.productForm.colorID.value=selectItem;
	var d=document.getElementById('product_type');
	d.innerHTML=productName + " " + selectName;
	colorName=selectName;
	getAllValues();
	colorSelect();
}
function selectFoil(selectItem,foilName) {
	document.productForm.foilColorID.value=selectItem;
	var d=document.getElementById('foil_type');
	d.innerHTML=foilName;
	getAllValues();
	foilColorSelect();
}
function selectBlank() {
	document.productForm.foilColorID.value="";
	var d=document.getElementById('foil_type');
	d.innerHTML="";
	getAllValues();
	changeStep("previewStep");
}
function selectDesign(selectItem) {
	document.productForm.designID.value=selectItem;
	getAllValues();
	designSelect();
}
function selectFont(selectItem) {
	ffield.selectedIndex=selectItem;
	hidebox('fontBox');
	hidebox('allFontBox');
	getAllValues();
	fontSelect();
}
function updateCopy(EW_this) {
	getAllValues();
	var nxtFldName = EW_this.name.replace(/line/,"fontFace");
	nxtFldName = nxtFldName.replace(/Copy/,"");  
	var lineNo = nxtFldName.slice(8);
	var lstFld;
	var lstFldName;
	var lstFldNo = "";
	switch (lineNo) {
		case "Two":
			lstFldNo = "One";
			break;
		case "Three":
			lstFldNo = "Two";
			break;
		case "Four":
			lstFldNo = "Three";
			break;
	}
	if (designID != "") {
		designID = "";
		document.productForm.designID.value="";
		alert("Designs cannot be added with text. Your design selection has been cleared.");
	}
	var nxtFld = eval(navRefOne + nxtFldName + navRefTwo.replace(/.style/,"")); 
	if (EW_this.value != "") {
		if (nxtFld.selectedIndex == 0) {
			if (lstFldNo != "") {
				lstFldName = nxtFldName.replace(lineNo,lstFldNo);
				lstFld = eval(navRefOne + lstFldName + navRefTwo.replace(/.style/,"")); 
				nxtFld.selectedIndex = lstFld.selectedIndex;
	    } else {
				nxtFld.selectedIndex = findItem("2", nxtFld);
			}
		}
	} else {
		nxtFld.selectedIndex = 0;
	}
	nxtFldName = nxtFldName.replace(/Face/,"Size");  
	nxtFld = eval(navRefOne + nxtFldName + navRefTwo.replace(/.style/,"")); 
	if (EW_this.value != "") {
		if (nxtFld.selectedIndex == 0) {
			if (lstFldNo != "") {
				lstFldName = nxtFldName.replace(lineNo,lstFldNo);
				lstFld = eval(navRefOne + lstFldName + navRefTwo.replace(/.style/,"")); 
				nxtFld.selectedIndex = lstFld.selectedIndex;
	    } else {
				nxtFld.selectedIndex = findItem("36", nxtFld);
			}
		} 
	} else {
		nxtFld.selectedIndex = 0;
	}
	updatePreview();
}
function findItem(seekValue, seekList) {
	var index;
	var arrayLength = seekList.length;
	for (index = 0; index < arrayLength; index++) {
	  if (seekList.options[index].value == seekValue) {
	  	return index;
	  }
	}
}
/* ================================= Begin onChange functions ================================= */
function styleSelect() {
	getAllValues();
	changeStep("foilStep");
//	if ((styleID >= 1 && styleID <= 3) || (styleID >= 41 && styleID <= 43) || styleID == 5 || styleID == 45) { /* bev or gt napkin */
//		eval(navRefOne + "giftboxDiv" + navRefTwo + ".display = 'block'");
//	} else {
//		document.productForm.giftbox.checked = false;
//		eval(navRefOne + "giftboxDiv" + navRefTwo + ".display = 'none'");
//	}
}
function colorSelect() {
	getAllValues();
	changeStep("foilStep");
}
function foilColorSelect() {
	getAllValues();
	changeStep("copyStep");
}
function contentSelect() {
	getAllValues();
	if (itemContent.substr(0,8) == "monogram") {
		if (designID != "") {
			designID = "";
			document.productForm.designID.value="";
			alert("Designs cannot be added with Monograms. Your design selection has been cleared.");
		}
		seek("lines34");
	} else {
		lineOneCopy = "";
		lineTwoCopy = "";
		lineThreeCopy = "";
		lineFourCopy = "";
		document.productForm.lineOneCopy.value="";
		document.productForm.lineTwoCopy.value="";
		document.productForm.lineThreeCopy.value="";
		document.productForm.lineFourCopy.value="";
		hide("lines34");
		changeStep("copyArtStep");
	}
	updatePreview();
}
function designSelect() {
	getAllValues();
	changeStep("previewStep");
}
function layoutSelect() {
	getAllValues();
	changeStep("previewStep");
}
function fontSelect() {
	getAllValues();
	updatePreview();
}
//function monogramSelect() {
//	getAllValues();
//	var listResetArray = new Array("smallToteColorList", "mediumToteColorList", "goodieColorList", "partyColorList", "funColorList", "cakeboxColorList", "tissueColorList", "foilColorList", "fontFaceOneList", "fontSizeOneList", "fontFaceTwoList", "fontSizeTwoList", "fontFaceThreeList", "fontSizeThreeList", "fontFaceFourList", "fontSizeFourList", "initialOneFontList", "initialOneSizeList", "initialTwoFontList", "initialTwoSizeList", "initialThreeFontList", "initialThreeSizeList", "designList");
//	var hideDivsArray = new Array("smallToteColorDiv", "mediumToteColorDiv", "goodieColorDiv", "partyColorDiv", "funColorDiv", "cakeboxColorDiv", "tissueColorDiv", "foilDiv", "lineOneDiv", "lineTwoDiv", "lineThreeDiv", "lineFourDiv", "initialOneDiv", "initialTwoDiv", "initialThreeDiv", "designsDiv", "previewButtonDiv");
//	if (monogramStyle == "noneChosen") {
//		var nextStep = "monogramStep";
//		var showDiv = 'monogramStyleDiv';
//	} else {
//		var nextStep = "bagColorStep";
//		if (bagStyle == "11") {
//			var showDiv = 'smallToteColorDiv';
//		} else if (bagStyle == "10") {
//			var showDiv = 'mediumToteColorDiv';
//		} else if (bagStyle == "12") {
//			var showDiv = 'goodieColorDiv';
//		} else if (bagStyle == "13") {
//			var showDiv = 'partyColorDiv';
//		} else if (bagStyle == "55") {
//			var showDiv = 'cakeboxColorDiv';
//		} else if (bagStyle == "56") {
//			var showDiv = 'funColorDiv';
//		} else if (bagStyle == "66") {
//			var nextStep = "tissueColorStep";
//			var showDiv = 'tissueColorDiv';
//		}
//	}
//	changeStep(nextStep);
//	resetLists(listResetArray);
//	hideAndSeek(hideDivsArray,showDiv);
//}
//var isMonogram;
//function copySelect() {
//	getAllValues();
//	if (bagContent.substr(0,8) == "monogram") {
//		isMonogram = true;
//	} else {
//		isMonogram = false;
//	}
//	var listResetArray = new Array("fontFaceOneList", "fontSizeOneList", "fontFaceTwoList", "fontSizeTwoList", "fontFaceThreeList", "fontSizeThreeList", "fontFaceFourList", "fontSizeFourList", "initialOneFontList", "initialOneSizeList", "initialTwoFontList", "initialTwoSizeList", "initialThreeFontList", "initialThreeSizeList");
//	var hideDivsArray = new Array("lineOneDiv", "lineTwoDiv", "lineThreeDiv", "lineFourDiv", "initialOneDiv", "initialTwoDiv", "initialThreeDiv", "previewButtonDiv");
//	if (isMonogram == false) {
//		var nextStep = "copyStep";
//		var showDiv = 'lineOneDiv';
//		if (bagContent.substr(0,7) == "twoLine") {
//			var showDivTwo = 'lineTwoDiv';
//		} else if (bagContent.substr(0,9) == "threeLine") {
//			var showDivTwo = 'lineTwoDiv';
//			var showDivThree = 'lineThreeDiv';
//		} else if (bagContent == "fourLine") {
//			var showDivTwo = 'lineTwoDiv';
//			var showDivThree = 'lineThreeDiv';
//			var showDivFour = 'lineFourDiv';
//		}
//	} else {
//		var nextStep = "copyStep";
//		var showDiv = 'initialOneDiv';
//		if (monogramStyle == "twoLettersHoriz" || monogramStyle == "twoLettersVert" || monogramStyle == "twoLettersOffset") {
//			var showDivTwo = 'initialTwoDiv';
//		} else if (monogramStyle == "threeLettersHoriz" || monogramStyle == "threeLettersVert" || monogramStyle == "threeLettersOffset") {
//			var showDivTwo = 'initialTwoDiv';
//			var showDivThree = 'initialThreeDiv';
//		}
//		if (bagContent == "monogramDate") {
//			var showDivFour = 'lineFourDiv';
//		}
//	}
//	changeStep(nextStep);
//	resetLists(listResetArray);
//	hideAndSeek(hideDivsArray,showDiv,showDivTwo,showDivThree,showDivFour);
//	seek('previewButtonDiv');
//}
//
//var currentContentStep;
//var contentDisplayed;
//var previewButton;
//
//function checkContent() {
//	getAllValues();
//	includeDesign = "no";
//	currentContentStep = "copyStep";
//	if (bagContent.substr(0,8) != "monogram") {
//		contentDisplayed = bagContent;
//		if (bagContent.indexOf("Art") >= 0) {
//			includeDesign = "yes";
//		}
//		if (bagContent == "blank") {
//			currentContentStep = "contentStep";
//			numLines = 0;
//		} else if (bagContent == "onlyArt") {
//			currentContentStep = "copyArtStep";
//			numLines = 0;
//		} else if (bagContent.substr(0,7) == "oneLine") {
//			numLines = 1;
//		} else if (bagContent.substr(0,7) == "twoLine") {
//			numLines = 2;
//		} else if (bagContent.substr(0,9) == "threeLine") {
//			numLines = 3;
//		} else if (bagContent == "fourLine") {
//			numLines = 4;
//		}
//	} else {
//		if (monogramStyle == "oneLetter") {
//			contentDisplayed = "oneLetter";
//			numLines = 1;
//		} else if (monogramStyle == "twoLettersHoriz" || monogramStyle == "twoLettersVert" || monogramStyle == "twoLettersOffset") {
//			contentDisplayed = "twoLetters";
//			numLines = 2;
//		} else if (monogramStyle == "threeLettersHoriz" || monogramStyle == "threeLettersVert" || monogramStyle == "threeLettersOffset") {
//			contentDisplayed = "threeLetters";
//			numLines = 3;
//		}
//		if (bagContent == "monogramDate") {
//			numLines = 4;
//		}
//	}
//
//	/* reset errors */
//	errorString = "";
//	errorNumber = 0;
//	previewButton = true;
//	if (contentDisplayed != "blank" && contentDisplayed != "onlyArt") {
//		if (bagContent.substr(0,8) != "monogram") {
//			if (lineOneCopy == "" || fontFaceOne == "noneChosen" || fontSizeOne == "noneChosen") {
//				previewButton = false;
//				errorNumber++;
//				errorString += errorNumber + errorNumDot + "Line one font, size or text is not complete!\n";
//			}
//			if (numLines != 1) {
//				if (lineTwoCopy == "" || fontFaceTwo == "noneChosen" || fontSizeTwo == "noneChosen") {
//					previewButton = false;
//					errorNumber++;
//					errorString += errorNumber + errorNumDot + "Line two font, size or text is not complete!\n";
//				}
//				if (numLines != 2) {
//					if (lineThreeCopy == "" || fontFaceThree == "noneChosen" || fontSizeThree == "noneChosen") {
//						previewButton = false;
//						errorNumber++;
//						errorString += errorNumber + errorNumDot + "Line three font, size or text is not complete!\n";
//					}
//				}
//			}
//		} else {
//			if (initialOneCopy == "" || initialOneFont == "noneChosen" || initialOneSize == "noneChosen") {
//				previewButton = false;
//				errorNumber++;
//				errorString += errorNumber + errorNumDot + "Initial one font, size or text is not complete!\n";
//			}
//			if (monogramStyle != "oneLetter") {
//				if (initialTwoCopy == "" || initialTwoFont == "noneChosen" || initialTwoSize == "noneChosen") {
//					previewButton = false;
//					errorNumber++;
//					errorString += errorNumber + errorNumDot + "Initial two font, size or text is not complete!\n";
//				}
//				if (monogramStyle.substr(0,10) != "twoLetters") {
//					if (initialThreeCopy == "" || initialThreeFont == "noneChosen" || initialThreeSize == "noneChosen") {
//						previewButton = false;
//						errorNumber++;
//						errorString += errorNumber + errorNumDot + "Initial three font, size or text is not complete!\n";
//					}
//				}
//			}
//		}
//		if (numLines == 4) {
//			if (lineFourCopy == "" || fontFaceFour == "noneChosen" || fontSizeFour == "noneChosen") {
//				previewButton = false;
//				errorNumber++;
//				errorString += errorNumber + errorNumDot + "Line four/date line font, size or text is not complete!\n";
//			}
//		}
//	}
//	if (previewButton) {
//		var nextStep = "previewStep";
//	} else {
//		var nextStep = currentContentStep;
//	}
//	changeStep(nextStep);
//}
//
//function previewLayout() {
//	checkContent();
//	if (previewButton) {
//		showLayout();
//	} else {
//		alert(errorString);
//		var nextStep = currentContentStep;
//		changeStep(nextStep);
//	}
//}

var previewDelay;
var previewUrl;
//function showLayout() {
//	getAllValues();
//
//	/* ------------ place url values in hidden fields------------ */
//	document.urlPlaceholderForm.itemType.value = itemType;
//	document.urlPlaceholderForm.bagStyle.value = bagStyle;
//	document.urlPlaceholderForm.monogramStyle.value = monogramStyle;
//	document.urlPlaceholderForm.bagColorID.value = bagColorID;
//	document.urlPlaceholderForm.tissueColorID.value = tissueColorID;
//	document.urlPlaceholderForm.foilColorID.value = foilColorID;
//	document.urlPlaceholderForm.designID.value = designID;
//	document.urlPlaceholderForm.includeDesign.value = includeDesign;
//	document.urlPlaceholderForm.numLines.value = numLines;
//
//	if (isMonogram == false) {
//		if (bagContent != "fourLine") {
//			lineFourCopy = "";
//			if (bagContent.substr(0,9) != "threeLine") {
//				lineThreeCopy = "";
//				if (bagContent.substr(0,7) != "twoLine") {
//					lineTwoCopy = "";
//					if (bagContent.substr(0,7) != "oneLine") {
//						lineOneCopy = "";
//					}
//				}
//			}
//		}
//		document.urlPlaceholderForm.fontID1.value = fontFaceOne;
//		document.urlPlaceholderForm.fontID2.value = fontFaceTwo;
//		document.urlPlaceholderForm.fontID3.value = fontFaceThree;
//		document.urlPlaceholderForm.size1.value = fontSizeOne;
//		document.urlPlaceholderForm.size2.value = fontSizeTwo;
//		document.urlPlaceholderForm.size3.value = fontSizeThree;
//		document.urlPlaceholderForm.line1.value = lineOneCopy;
//		document.urlPlaceholderForm.line2.value = lineTwoCopy;
//		document.urlPlaceholderForm.line3.value = lineThreeCopy;
//	} else {
//		if (bagContent != "monogramDate") {
//			lineFourCopy = "";
//			if (monogramStyle.substr(0,5) != "three") {
//				initialThreeCopy = "";
//				if (monogramStyle.substr(0,3) != "two") {
//					initialTwoCopy = "";
//				}
//			}
//		}
//		document.urlPlaceholderForm.fontID1.value = initialOneFont;
//		document.urlPlaceholderForm.fontID2.value = initialTwoFont;
//		document.urlPlaceholderForm.fontID3.value = initialThreeFont;
//		document.urlPlaceholderForm.size1.value = initialOneSize;
//		document.urlPlaceholderForm.size2.value = initialTwoSize;
//		document.urlPlaceholderForm.size3.value = initialThreeSize;
//		document.urlPlaceholderForm.line1.value = initialOneCopy;
//		document.urlPlaceholderForm.line2.value = initialTwoCopy;
//		document.urlPlaceholderForm.line3.value = initialThreeCopy;
//	}
//	document.urlPlaceholderForm.fontID4.value = fontFaceFour;
//	document.urlPlaceholderForm.size4.value = fontSizeFour;
//	document.urlPlaceholderForm.line4.value = lineFourCopy;
//	/* ----------------------- */
///* alert(getPictUrl()); */
//	showTweaks();
//	eval(navRefOne + "preview" + navRefTwo + ".visibility = 'visible'");
//	eval(navRefOne + "tweakDiv" + navRefTwo + ".visibility = 'visible'");
//	eval(navRefOne + "contentProducts" + navRefTwo + ".visibility = 'hidden'");
//	eval(navRefOne + "directions" + navRefTwo + ".visibility = 'hidden'");
//	eval(navRefOne + "productShot" + navRefTwo + ".visibility = 'hidden'");
//	previewUrl = getPictUrl();
//	previewDelay = setTimeout("displayPreview()",3000);
//}
//function displayPreview() {
//	eval(navRefOne + "preview" + navRefTwo + ".background = \"url('" + previewUrl + "') no-repeat center center #fff\"");
//}
function getPictUrl() {
	if (styleID > 1000) {
		fld = eval(navRefOne + "pict" + styleID + navRefTwo.replace(/.style/,""));
		pictureUrl = fld.src.replace(/thumb/,"large") + "?" + "styleID=" + document.urlPlaceholderForm.styleID.value;
		pictureUrl = pictureUrl.replace(/http:\/\/www.foryourparty.com/,"");
	} else {		
		pictureUrl =
		"favorPicture.php?" +
		"item=" + itemType + "&" +
		"styleID=" + document.urlPlaceholderForm.styleID.value + "&" +
		"cColorID=" + document.urlPlaceholderForm.colorID.value + "&" +
		"foilID=" + document.urlPlaceholderForm.foilColorID.value + "&" +
		"designID=" + document.urlPlaceholderForm.designID.value + "&" +
		"design=" + document.urlPlaceholderForm.includeDesign.value + "&" +
		"numLines=" + document.urlPlaceholderForm.numberOfLines.value + "&" +
		"fontID1=" + document.urlPlaceholderForm.fontID1.value + "&" +
		"fontID2=" + document.urlPlaceholderForm.fontID2.value + "&" +
		"fontID3=" + document.urlPlaceholderForm.fontID3.value + "&" +
		"fontID4=" + document.urlPlaceholderForm.fontID4.value + "&" +
		"size1=" + document.urlPlaceholderForm.size1.value + "&" +
		"size2=" + document.urlPlaceholderForm.size2.value + "&" +
		"size3=" + document.urlPlaceholderForm.size3.value + "&" +
		"size4=" + document.urlPlaceholderForm.size4.value + "&" +
		"line1=" + escape(document.urlPlaceholderForm.line1.value).replace(/\+/g,"%2B") + "&" +
		"line2=" + escape(document.urlPlaceholderForm.line2.value).replace(/\+/g,"%2B") + "&" +
		"line3=" + escape(document.urlPlaceholderForm.line3.value).replace(/\+/g,"%2B") + "&" +
		"line4=" + escape(document.urlPlaceholderForm.line4.value).replace(/\+/g,"%2B") + "&" +
		"monoStyle=" + document.urlPlaceholderForm.ms.value;
	}
	return(pictureUrl);
}

function updatePreview() {
	getAllValues();                                       
	document.urlPlaceholderForm.styleID.value = styleID;
	document.urlPlaceholderForm.colorID.value = colorID;
	document.urlPlaceholderForm.foilColorID.value = foilColorID;
	document.urlPlaceholderForm.designID.value = designID;
	document.urlPlaceholderForm.line1.value = lineOneCopy;
	document.urlPlaceholderForm.fontID1.value = fontFaceOne;
	document.urlPlaceholderForm.size1.value = fontSizeOne;
	document.urlPlaceholderForm.line2.value = lineTwoCopy;
	document.urlPlaceholderForm.fontID2.value = fontFaceTwo;
	document.urlPlaceholderForm.size2.value = fontSizeTwo;
	document.urlPlaceholderForm.line3.value = lineThreeCopy;
	document.urlPlaceholderForm.fontID3.value = fontFaceThree;
	document.urlPlaceholderForm.size3.value = fontSizeThree;
	document.urlPlaceholderForm.line4.value = lineFourCopy;
	document.urlPlaceholderForm.fontID4.value = fontFaceFour;
	document.urlPlaceholderForm.size4.value = fontSizeFour;
	contentDisplayed = itemContent;
	ms = "noneChosen";
	if (contentDisplayed.substr(0,8) == "monogram") {
		if (document.urlPlaceholderForm.line3.value != "") {
			ms = "threeLetters" + contentDisplayed.substr(8);
		} else if (document.urlPlaceholderForm.line2.value != "") {
			ms = "twoLetters" + contentDisplayed.substr(8);
		} else if (document.urlPlaceholderForm.line1.value != "") {
			ms = "oneLetter";
		}
	}
	document.urlPlaceholderForm.ms.value = ms; 
	if ((currentStepDiv == "foilStep" || currentStepDiv == "copyStep") && lineOneCopy == "" && lineTwoCopy == "" && lineThreeCopy == "" && designID == "") {
		document.urlPlaceholderForm.line1.value = "Font/";
		document.urlPlaceholderForm.line2.value = "Design";
		document.urlPlaceholderForm.line3.value = "Color";
	}
	if (document.urlPlaceholderForm.line4.value != "") {
		numberOfLines = 4;
	} else if (document.urlPlaceholderForm.line3.value != "") {
		numberOfLines = 3;
	} else if (document.urlPlaceholderForm.line2.value != "") {
		numberOfLines = 2;
	} else if (document.urlPlaceholderForm.line1.value != "") {
		numberOfLines = 1;
	} else {
		numberOfLines = 0;
	}
	document.urlPlaceholderForm.numberOfLines.value = numberOfLines;
	includeDesign = "no";
	if (document.urlPlaceholderForm.designID.value != "" && document.urlPlaceholderForm.designID.value != 0) {
		includeDesign = "yes";
	}
	document.urlPlaceholderForm.includeDesign.value = includeDesign;

//alert(itemContent + "\n" + getPictUrl());    
	previewUrl = getPictUrl();

	previewDelay = setTimeout("displayPreview()",500);
}

function displayPreview() {
	eval(navRefOne + "previewboxcontainer" + navRefTwo + ".background = \"url('" + previewUrl + "') no-repeat center center\"");
}
//	eval(navRefOne + "" + navRefTwo + ".background = \"url('/" + getPictUrl() + "') no-repeat center center\"");
//}

function largePreview(e) {
	getAllValues();
//alert(itemContent + "\n" + getPictUrl());
	if (!e) var e = window.event;
	
	enlarge("/" + getPictUrl() + "&large=y",e,'center',100,700);
//	var newWin = window.open("/" + getPictUrl() + "&large=y", 'samples', 'width=700,height=750,top=0,left=0,resizable,scrollbars=yes,statusbar');
//	newWin.focus();
}


function checkErrors() {
	getAllValues();
	contentDisplayed = itemContent;
	if (lineOneCopy == "" && lineTwoCopy == "" && lineThreeCopy == "" && lineFourCopy == "" && designID == "" && foilColorID == "") {
		contentDisplayed = "blank"
	}
	/* reset errors */
	errorString = "";
	errorNumber = 0;
	/* -------------- check style -------------- */
	if (styleID == "") {;
		errorNumber++;
		errorString += errorNumber + errorNumDot + "A stir stick style has not been chosen!\n";
	}
	/* -------------- check foil -------------- */
	if (contentDisplayed != "blank") {
		if (foilColorID == "") {
			errorNumber++;
			errorString += errorNumber + errorNumDot + "A foil color has not been chosen!\n";
		}
	}
	/* -------------- check line or initial one (if neccessary) -------------- */
	if (lineOneCopy == "" && contentDisplayed.substr(0,8) == "monogram") {
		errorNumber++;
		errorString += errorNumber + errorNumDot + "Initial one is empty!\n";
	} else if (lineOneCopy == "" && designID == "" && contentDisplayed == "textDesign") {
		errorNumber++;
		errorString += errorNumber + errorNumDot + "Initial one and design are empty!\nIf you wanted NO PRINTING please return to Imprint Color Step and select BLANK/NO PRINTING.\nIf you wanted CUSTOM ART please return to Design Step and select CUSTOM ART.\n";
	}
	/* -------------- check line one (if neccessary) -------------- */
	if (lineOneCopy != "") {
		if (fontFaceOne == "noneChosen") {
			errorNumber++;
			errorString += errorNumber + errorNumDot + "A font for initial one has not been chosen!\n";
		}
		if (fontSizeOne == "noneChosen") {
			errorNumber++;
			errorString += errorNumber + errorNumDot + "A font size for initial one has not been chosen!\n";
		}
	}
	/* -------------- check line two (if neccessary) -------------- */
	if (lineTwoCopy != "") {
		if (fontFaceTwo == "noneChosen") {
			errorNumber++;
			errorString += errorNumber + errorNumDot + "A font for initial two has not been chosen!\n";
		}
		if (fontSizeTwo == "noneChosen") {
			errorNumber++;
			errorString += errorNumber + errorNumDot + "A font size for initial two has not been chosen!\n";
		}
	}
	/* -------------- check line three (if neccessary) -------------- */
	if (lineThreeCopy != "") {
		if (fontFaceThree == "noneChosen") {
			errorNumber++;
			errorString += errorNumber + errorNumDot + "A font for initial three has not been chosen!\n";
		}
		if (fontSizeThree == "noneChosen") {
			errorNumber++;
			errorString += errorNumber + errorNumDot + "A font size for initial three has not been chosen!\n";
		}
	}
	/* -------------- check line four (if neccessary) -------------- */
	if (lineFourCopy != "") {
		if (fontFaceFour == "noneChosen") {
			errorNumber++;
			errorString += errorNumber + errorNumDot + "A font for line four has not been chosen!\n";
		}
		if (fontSizeFour == "noneChosen") {
			errorNumber++;
			errorString += errorNumber + errorNumDot + "A font size for line four has not been chosen!\n";
		}
	}
//	/* -------------- check layout (if neccessary)-------------- */
//	if (styleID == "17" && contentDisplayed != "blank") {
//		if (itemLayout == "") {
//			errorNumber++;
//			errorString += errorNumber + errorNumDot + "A layout has not been chosen!\n";
//		}
//	}
	/* -------------- check design (if neccessary)-------------- */
//	if (lineOneCopy == "" && contentDisplayed == "textDesign" && designID == "") {
//		errorNumber++;
//		errorString += errorNumber + errorNumDot + "A design has not been chosen!\n";
//	}
	if (errorNumber != 0) {
		return true;
	} else {
		return false;
	}
}

function addToCart() {
	if (checkErrors()) {
		alert(preError + errorString + postError);
	} else {

		var monogramStyleName;
		var contentType;
		document.addCartForm.cart_url.value = getPictUrl();
		document.addCartForm.cart_productID.value = document.urlPlaceholderForm.styleID.value;

		var layoutType = "Middle Center";
		document.addCartForm.cart_layout.value = layoutType;

		var monoArray = new Array();
		monoArray.oneLetter = "One Letter";
		monoArray.twoLettersHoriz = "Two Letters Horizontal";
		monoArray.twoLettersVert = "Two Letters Vertical";
		monoArray.twoLettersOffset = "Two Letters Offset";
		monoArray.threeLettersHoriz = "Three Letters Horizontal";
		monoArray.threeLettersVert = "Three Letters Vertical";
		monoArray.threeLettersOffset = "Three Letters Offset";
		if (document.urlPlaceholderForm.ms.value != "noneChosen") {
			var monoChoice = document.urlPlaceholderForm.ms.value;
			monogramStyleName = monoArray[monoChoice];
			contentType = "Monogram " + "(" + monogramStyleName + ")";
		} else {
		 	contentType = document.urlPlaceholderForm.numberOfLines.value + " line(s)";
		}
		if (document.urlPlaceholderForm.includeDesign.value == "yes") {
			contentType += " plus a design";
			document.addCartForm.cart_designID.value = document.urlPlaceholderForm.designID.value;
		}
		document.addCartForm.cart_contentType.value = contentType;

		document.addCartForm.cart_colorID.value = document.urlPlaceholderForm.colorID.value;
		document.addCartForm.cart_foilID.value = document.urlPlaceholderForm.foilColorID.value;

		document.addCartForm.cart_lineOneCopy.value = document.urlPlaceholderForm.line1.value;
		document.addCartForm.cart_fontOneID.value = document.urlPlaceholderForm.fontID1.value;
		document.addCartForm.cart_fontOneSize.value = document.urlPlaceholderForm.size1.value;

		document.addCartForm.cart_lineTwoCopy.value = document.urlPlaceholderForm.line2.value;
		document.addCartForm.cart_fontTwoID.value = document.urlPlaceholderForm.fontID2.value;
		document.addCartForm.cart_fontTwoSize.value = document.urlPlaceholderForm.size2.value;

		document.addCartForm.cart_lineThreeCopy.value = document.urlPlaceholderForm.line3.value;
		document.addCartForm.cart_fontThreeID.value = document.urlPlaceholderForm.fontID3.value;
		document.addCartForm.cart_fontThreeSize.value = document.urlPlaceholderForm.size3.value;

		document.addCartForm.cart_lineFourCopy.value = document.urlPlaceholderForm.line4.value;
		document.addCartForm.cart_fontFourID.value = document.urlPlaceholderForm.fontID4.value;
		document.addCartForm.cart_fontFourSize.value = document.urlPlaceholderForm.size4.value;

		document.addCartForm.cart_comments.value = document.productForm.comments.value;

		if (document.productForm.giftbox.checked) {
			document.addCartForm.cart_giftbox.value = "yes";
		} else {
			document.addCartForm.cart_giftbox.value = "no";
		}
		document.addCartForm.cart_insert.value = "yes";

		document.addCartForm.submit();
	} 
}


/* var test; */
/* test = "url = " + document.addCartForm.cart_url.value + "\n"; */
/* test += "product ID = " + document.addCartForm.cart_productID.value + "\n"; */
/* test += "layout = " + document.addCartForm.cart_layout.value + "\n"; */
/* test += "content = " + document.addCartForm.cart_contentType.value + "\n"; */
/* test += "color ID = " + document.addCartForm.cart_colorID.value + "\n"; */
/* test += "foil ID = " + document.addCartForm.cart_foilID.value + "\n"; */
/* test += "design ID = " + document.addCartForm.cart_designID.value + "\n"; */
/* test += "line one = " + document.addCartForm.cart_lineOneCopy.value + "\n"; */
/* test += "font one ID = " + document.addCartForm.cart_fontOneID.value + "\n"; */
/* test += "font one size = " + document.addCartForm.cart_fontOneSize.value + "\n"; */
/* test += "line two = " + document.addCartForm.cart_lineTwoCopy.value + "\n"; */
/* test += "font two ID = " + document.addCartForm.cart_fontTwoID.value + "\n"; */
/* test += "font two size = " + document.addCartForm.cart_fontTwoSize.value + "\n"; */
/* test += "line three = " + document.addCartForm.cart_lineThreeCopy.value + "\n"; */
/* test += "font three ID = " + document.addCartForm.cart_fontThreeID.value + "\n"; */
/* test += "font three size = " + document.addCartForm.cart_fontThreeSize.value + "\n"; */
/* alert(test); */