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 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 ribbonSize, ribbonLength;
var currentStepDiv = "styleStep";
var currentStepNum = "1";
var pictureUrl, itemLayout;
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;
	ribbonSize = getSelectValue(document.productForm.ribbonSize);
	ribbonLength = getSelectValue(document.productForm.ribbonLength);
	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;
	if (ribbonLength == 100 && styleID != 245 && styleID != "") {
		styleID = parseInt(styleID) + 1; 
	} 
}
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["colorStep"] = 2;
stepArray["foilStep"] = 3;
stepArray["layoutStep"] = 4;
stepArray["copyStep"] = 5;
stepArray["previewStep"] = 6;

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 (stepDiv == "copyArtStep" && (itemContent.substr(0,8) == "monogram" || lineThreeCopy != "" || lineFourCopy != "")) { //no art on monograms, 3+ lines 
//		if (currentStepDiv != "previewStep") {
//			stepDiv = "previewStep";
//			stepnum = "7";
//		} else {
//			stepDiv = "copyStep";
//			stepnum = "5";
//		}
//	}
	
	if (styleID == 245 && stepnum > 2 && stepnum < 6) {
		if (currentStepDiv != "previewStep") {
			stepDiv = "previewStep";
			stepnum = 6;
		} else { 
			stepDiv = "colorStep";
			stepnum = 2;
		}
	}
	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/showRibbonColors.php")',300);
		} else if (stepDiv == "layoutStep") {
			setTimeout('loadIframe("layoutSamples", "/samplePages/showRibbonLayouts.php")',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 == "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.ribbonContentList.selectedIndex=selectItem;
//	getAllValues();
//	contentSelect();
//}
//function selectMonogram(selectItem) {
//	document.productForm.monogramStyleList.selectedIndex=selectItem;
//	getAllValues();
//	monogramSelect();
//}

function selectStyle(selectItem,selectName) {
	if (selectItem == 245) {
		if (lineOneCopy != "" || lineTwoCopy != "" || lineThreeCopy != "" || lineFourCopy != "") {
			if (!confirm("You have selected BLANK STOCK ribbon. This cannot be personalized. If you continue you will lose the text and fonts you have entered. Do you wish to continue with BLANK STOCK?")) {
				return;
			}
			document.productForm.lineOneCopy.value="";
			document.productForm.lineTwoCopy.value="";
			document.productForm.lineThreeCopy.value="";
			document.productForm.lineFourCopy.value="";
			document.productForm.fontFaceOne.selectedIndex=0;   
			document.productForm.fontSizeOne.selectedIndex=0;   
			document.productForm.fontFaceTwo.selectedIndex=0;
			document.productForm.fontSizeTwo.selectedIndex=0;
			document.productForm.fontFaceThree.selectedIndex=0;
			document.productForm.fontSizeThree.selectedIndex=0;
			document.productForm.fontFaceFour.selectedIndex=0;
			document.productForm.fontSizeFour.selectedIndex=0;
			document.productForm.foilColorID.value="";
			var d=document.getElementById('foil_type');
			d.innerHTML="";
		}
		document.productForm.ribbonLength.selectedIndex=1;
	}
	document.productForm.styleID.value=selectItem;
	selectName = selectName.replace(/\d* Yds/,"");
	var d=document.getElementById('product_type');
	d.innerHTML=selectName + " " + colorName;
	productName=selectName;
	getAllValues();
	styleSelect();
}
function selectSize(selectItem) {
	document.productForm.ribbonSize.selectedIndex=selectItem;
	getAllValues();
	sizeSelect();
}
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="";
	document.productForm.ribbonLength.selectedIndex=1;
	getAllValues();
	changeStep("previewStep");
}
function selectDesign(selectItem) {
	document.productForm.designList.selectedIndex=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";
			if (designID != "") {
				designID = "";
				document.productForm.designID.value="";
				alert("Designs cannot be added with 3 lines of text. Your design selection has been cleared.");
			}
			break;
		case "Four":
			lstFldNo = "Three";
			if (designID != "") {
				designID = "";
				document.productForm.designID.value="";
				alert("Designs cannot be added with 4 lines of text. Your design selection has been cleared.");
			}
			break;
	}
	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("24", 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("colorStep");
//	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("layoutStep");
}
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 {
		lineFourCopy = "";
		document.productForm.lineFourCopy.value="";
		hide("lines34");
	}
	updatePreview();
}
function designSelect() {
	getAllValues();
	changeStep("layoutStep");
}
function layoutSelect() {
	getAllValues(); 
	if (itemLayout == "split") {
		seek("sizeDiv");
	} else {
		hide("sizeDiv");
	}
	changeStep("copyStep");
}
function sizeSelect() {
	getAllValues();
	updatePreview();
}
function fontSelect() {
	getAllValues();
	updatePreview();
}
//function monogramSelect() {
//	getAllValues();
//	var listResetArray = new Array("ribbonColorList", "foilColorList", "fontFaceOneList", "fontSizeOneList", "fontFaceTwoList", "fontSizeTwoList", "fontFaceThreeList", "fontSizeThreeList", "initialOneFontList", "initialOneSizeList", "initialTwoFontList", "initialTwoSizeList", "initialThreeFontList", "initialThreeSizeList", "designList");
//	var hideDivsArray = new Array("colorDiv", "foilDiv", "lineOneDiv", "lineTwoDiv", "lineThreeDiv", "lineFourDiv", "initialOneDiv", "initialTwoDiv", "initialThreeDiv", "designsDiv", "previewButtonDiv");
//	if (monogramStyle == "noneChosen") {
//		var nextStep = "monogramStep";
//		var showDiv = 'monogramStyleDiv';
//	} else {
//		var nextStep = "colorStep";
//		var showDiv = 'colorDiv';
//	}
//	changeStep(nextStep);
//	resetLists(listResetArray);
//	hideAndSeek(hideDivsArray,showDiv);
//}
//
//var isMonogram = false;
//function copySelect() {
//	getAllValues();
//	if (ribbonContent.substr(0,8) == "monogram") {
//		isMonogram = true;
//	} else {
//		isMonogram = false;
//	}
//	var listResetArray = new Array("fontFaceOneList", "fontSizeOneList", "fontFaceTwoList", "fontSizeTwoList", "fontFaceThreeList", "fontSizeThreeList", "initialOneFontList", "initialOneSizeList", "initialTwoFontList", "initialTwoSizeList", "initialThreeFontList", "initialThreeSizeList");
//	var hideDivsArray = new Array("lineOneDiv", "lineTwoDiv", "lineThreeDiv", "lineFourDiv", "initialOneDiv", "initialTwoDiv", "initialThreeDiv", "previewButtonDiv");
//	var nextStep = "colorStep";
//	var showDiv = 'colorDiv';
//	if (isMonogram == false) {
//		var nextStep = "copyStep";
//		var showDiv = 'lineOneDiv';
//		if (ribbonContent == "twoLine" || ribbonContent == "twoLineArt") {
//			var showDivTwo = 'lineTwoDiv';
//		} else if (ribbonContent == "threeLine") {
//			var showDivTwo = 'lineTwoDiv';
//			var showDivThree = 'lineThreeDiv';
//		}
//	} 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 (ribbonContent == "monogramDate") {
//			var showDivFour = 'lineFourDiv';
//		}
//	}
//	changeStep(nextStep);
//	resetLists(listResetArray);
//	var hideDivsArray = new Array();
//	hideAndSeek(hideDivsArray,showDiv,showDivTwo,showDivThree,showDivFour);
////	checkContent();
//	seek('previewButtonDiv');
//}
//
//var currentContentStep;
//var contentDisplayed;
//var previewButton;
//
//function checkContent() {
//	getAllValues();
//	includeDesign = "no";
//	currentContentStep = "copyStep";
//	if (ribbonContent == "oneLine") {
//		contentDisplayed = "oneLine";
//		numLines = 1;
//	} else if (ribbonContent == "twoLine") {
//		contentDisplayed = "twoLine";
//		numLines = 2;
//	} else if (ribbonContent == "threeLine") {
//		contentDisplayed = "threeLine";
//		numLines = 3;
//	} else if (ribbonContent == "blank") {
//		currentContentStep = "colorStep";
//		contentDisplayed = "blank";
//		numLines = 0;
//	} else if (ribbonContent == "onlyArt") {
//		currentContentStep = "copyArtStep";
//		contentDisplayed = "onlyArt";
//		numLines = 0;
//		includeDesign = "yes";
//	} else if (ribbonContent == "oneLineArt") {
//		contentDisplayed = "oneLineArt";
//		numLines = 1;
//		includeDesign = "yes";
//	} else if (ribbonContent == "twoLineArt") {
//		contentDisplayed = "twoLineArt";
//		numLines = 2;
//		includeDesign = "yes";
//	} else if (ribbonContent.substr(0,8) == "monogram") {
//		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 (ribbonContent == "monogramDate") {
//			numLines = 4;
//		}
//	}
//
//	errorString = "";
//	errorNumber = 0;
//	previewButton = true;
//	if (contentDisplayed != "blank" && contentDisplayed != "onlyArt") {
//		if (ribbonContent.substr(0,8) != "monogram") {
//			if (lineOneCopy == "" || fontFaceOne == "noneChosen" || fontSizeOne == "noneChosen") {
//				previewButton = false;
//				errorNumber++;
//				errorString += errorNumber + errorNumDot + "Part one font, size or text is not complete!\n";
//			}
//			if (contentDisplayed.substr(0,7) != "oneLine") {
//				if (lineTwoCopy == "" || fontFaceTwo == "noneChosen" || fontSizeTwo == "noneChosen") {
//					previewButton = false;
//					errorNumber++;
//					errorString += errorNumber + errorNumDot + "Part two font, size or text is not complete!\n";
//				}
//				if (contentDisplayed.substr(0,7) != "twoLine") {
//					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 (ribbonContent == "fourLine" || ribbonContent == "monogramDate") {
//			if (lineFourCopy == "" || fontFaceFour == "noneChosen" || fontSizeFour == "noneChosen") {
//				previewButton = false;
//				errorNumber++;
//				errorString += errorNumber + errorNumDot + "Date part font, size or text is not complete!\n";
//			}
//		}
//	}
//	if (previewButton) {
//		var nextStep = "previewStep";
//	} else {
//		var nextStep = currentContentStep;
//	}
//	changeStep(nextStep);
//}
//function previewLayout() {
//	checkContent();
//	if (previewButton) {
//		showRibbonPreview();
//	} else {
//		alert(errorString);
//		var nextStep = currentContentStep;
//		changeStep(nextStep);
//	}

var previewDelay;
var previewUrl;
//function showRibbonPreview() {
//	getAllValues();
//	
//	/* ------------ place url values in hidden fields------------ */
//	document.urlPlaceholderForm.ribbonStyle.value = ribbonStyle;
//	document.urlPlaceholderForm.ribbonLayout.value = ribbonLayout;
//	document.urlPlaceholderForm.ribbonSize.value = ribbonSize;
//	document.urlPlaceholderForm.monogramStyle.value = monogramStyle;
//	document.urlPlaceholderForm.ribbonColorID.value = ribbonColorID;
//	document.urlPlaceholderForm.foilColorID.value = foilColorID;
//	document.urlPlaceholderForm.designID.value = designID;
//	document.urlPlaceholderForm.includeDesign.value = includeDesign;
//	document.urlPlaceholderForm.numLines.value = numLines;
//
//	if (isMonogram == false) {
//		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 {
//		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() {
	pictureUrl =
	"ribbonPicture.php?" +
	"style=" + document.urlPlaceholderForm.styleID.value + "&" +
	"layout=" + document.urlPlaceholderForm.layoutChosen.value + "&" +
	"ribbonSize=" + document.urlPlaceholderForm.ribbonSize.value + "&" +
	"colorID=" + 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;
	document.urlPlaceholderForm.layoutChosen.value = itemLayout;
	document.urlPlaceholderForm.ribbonSize.value = ribbonSize;
	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 == "layoutStep" || currentStepDiv == "copyStep") && lineOneCopy == "" && lineTwoCopy == "" && lineThreeCopy == "" && designID == "") {
		document.urlPlaceholderForm.line1.value = "Font/Design";
		document.urlPlaceholderForm.line2.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',300,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();
	/* reset errors */
	errorString = "";
	errorNumber = 0;
	contentDisplayed = itemContent;
	if (lineOneCopy == "" && lineTwoCopy == "" && lineThreeCopy == "" && lineFourCopy == "" && designID == "" && foilColorID == "") {
		contentDisplayed = "blank"
		if (styleID == 59) {
			errorNumber++;
			errorString += errorNumber + errorNumDot + "Blank Stock ribbon is only available in 100 yard rolls! Please return to step 5 and select the correct size.\n";
		}
	}
	/* -------------- check style -------------- */
	if (styleID == "") {;
		errorNumber++;
		errorString += errorNumber + errorNumDot + "A ribbon style has not been chosen!\n";
	}
	/* -------------- check color -------------- */
	if (colorID == "") {
		errorNumber++;
		errorString += errorNumber + errorNumDot + "A ribbon color 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" || contentDisplayed == "textDesign")) {
		errorNumber++;
		errorString += errorNumber + errorNumDot + "Part or initial one is empty!\nIf you wanted NO PRINTING please return to Imprint Color Step and select BLANK/NO PRINTING.\n";
	}
	/* -------------- check line one (if neccessary) -------------- */
	if (lineOneCopy != "") {
		if (fontFaceOne == "noneChosen") {
			errorNumber++;
			errorString += errorNumber + errorNumDot + "A font for part or initial one has not been chosen!\n";
		}
		if (fontSizeOne == "noneChosen") {
			errorNumber++;
			errorString += errorNumber + errorNumDot + "A font size for part one has not been chosen!\n";
		}
	}
	/* -------------- check line two (if neccessary) -------------- */
	if (lineTwoCopy != "") {
		if (fontFaceTwo == "noneChosen") {
			errorNumber++;
			errorString += errorNumber + errorNumDot + "A font for part or initial two has not been chosen!\n";
		}
		if (fontSizeTwo == "noneChosen") {
			errorNumber++;
			errorString += errorNumber + errorNumDot + "A font size for part or 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 date part has not been chosen!\n";
		}
		if (fontSizeFour == "noneChosen") {
			errorNumber++;
			errorString += errorNumber + errorNumDot + "A font size for date part has not been chosen!\n";
		}
	}
	/* -------------- check layout (if neccessary)-------------- */
	if (contentDisplayed != "blank") {
		if (itemLayout == "") {
			errorNumber++;
			errorString += errorNumber + errorNumDot + "A layout has not been chosen!\n";
		} else if (itemLayout == "split" && ribbonSize == "noneChosen") {
			errorNumber++;
			errorString += errorNumber + errorNumDot + "A ribbon length 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 layArray = new Array();
		layArray.continuous = "Continuous";
		layArray.split = "Measured Length";
		var layChosen = document.urlPlaceholderForm.layoutChosen.value;
		document.addCartForm.cart_layout.value = "";
		if (layChosen == "split" && document.urlPlaceholderForm.ribbonSize.value != "noneChosen") {
			document.addCartForm.cart_layout.value = document.urlPlaceholderForm.ribbonSize.value + "\" ";
		}
		document.addCartForm.cart_layout.value += layArray[layChosen];

		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\n";
			document.addCartForm.cart_designID.value = document.urlPlaceholderForm.designID.value;
		}
		
		if (styleID != 245) {
			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); 
}