function showBasketPreview(strMonogramText, MonoType, vColor, vStyle, assetSite,sLine, strDOBText, strWgtText)
{
		var vMonoType = MonoType.split("-")[1];
		var sLine="0";
		createPreview(strMonogramText, vMonoType, vColor, vStyle, assetSite, sLine,strDOBText, strWgtText);

}
		

function showABC(sLine, currentCount, assetSite) 
{
	//alert("sABC=" + assetSite);
	var strMonogramText = document.getElementById("monoInitial" + sLine + "_" + currentCount).value;
	var strDOBText = "";
	var strWgtText="";
	if(document.getElementById("monoInitial" + sLine + "_" + currentCount + "_DOB") != null)
	{
		strDOBText=document.getElementById("monoInitial" + sLine + "_" + currentCount + "_DOB").value;
	}
	if(document.getElementById("monoInitial" + sLine + "_" + currentCount + "_Wgt") != null)
	{
		strWgtText=document.getElementById("monoInitial" + sLine + "_" + currentCount + "_Wgt").value;
	}
	var MonoType = "monoType" + sLine + "_" + currentCount;
	var oMonoType = document.getElementById(MonoType);
	var vMonoType = oMonoType.value.split("-");
	
	if(vMonoType!="default") 
	{
		var Color = "monoColor" + sLine + "_" + currentCount;
		var oColor = document.getElementById(Color);
		var vColor = oColor.value;
		var Style = "monoFont" + sLine + "_" + currentCount;
		var oStyle = document.getElementById(Style);
		var vStyle = oStyle.value;
		var aShowInitial=[];
		
		//document.getElementById("monoInitial" + sLine + "_" + currentCount).value=createPreview(strMonogramText, vMonoType[1], vColor, vStyle, assetSite, sLine);
		createPreview(strMonogramText, vMonoType[1], vColor, vStyle, assetSite, sLine, strDOBText, strWgtText);
	
	}
	
}

function createPreview(strMonogramText, vMonoType, vColor, vStyle, assetSite, sLine, strDOBText, strWgtText)
{
	
	document.getElementById("ModernTable"+sLine).style.display="none";
	var aShowInitial=[];
	var aModern3Initial=[];
	for(var ctr=0;ctr<=103;ctr++)
	{
		aShowInitial[ctr] = document.getElementById("showinitial" + ctr + "_" + sLine);
	}

	for(var ctr=0;ctr<=2;ctr++)
	{
		aModern3Initial[ctr]=document.getElementById("modern" + (ctr + 1) + "_" + sLine);
	}

	for(var ctr=0;ctr<=87;ctr++)
	{
		aShowInitial[ctr].innerHTML="";
	}

	for(var ctr=0;ctr<=2;ctr++)
	{
		aModern3Initial[ctr].innerHTML="";
	}
	
	if (vColor == "default") 
	{
		vColor = "61352  Black";
	}
	if (vStyle == "default") 
	{
		vStyle = "02  Block";
	}

	var openDiamond="<img src='" + assetSite + "/monogram/" + vColor + "/" + vStyle + "/lcase/left/brac.gif'>";
	var closeDiamond="<img src='" + assetSite + "/monogram/" + vColor + "/" + vStyle + "/lcase/right/brac.gif'>";
	var paths=[];
	var DOB=[];
	var Wgt=[];

	switch(vMonoType)
	{
		case "00":
		
			if(vStyle=="03  Diamond")
			{
				paths[0] = openDiamond +  getInnerHTML(strMonogramText.charAt(0), vColor, vStyle, assetSite) + closeDiamond;
			}
			else if(vStyle=="14  Traditional")
			{
				paths[0] = getInnerHTML(strMonogramText.charAt(0).toUpperCase(), vColor, vStyle, assetSite);
			}
			else
			{
				paths[0] = getInnerHTML(strMonogramText.charAt(0), vColor, vStyle, assetSite);
			}
			
			break;
			
		case "01":
		
			if(vStyle=="03  Diamond")
			{
				paths[0] = openDiamond +  getInnerHTML(strMonogramText.charAt(0), vColor, vStyle, assetSite);
			}
			else if(vStyle=="14  Traditional")
			{
				paths[0] = getInnerHTML(strMonogramText.charAt(0).toUpperCase(), vColor, vStyle, assetSite);
			}
			else
			{
				paths[0] = getInnerHTML(strMonogramText.charAt(0), vColor, vStyle, assetSite);
			}			
			
			if(vStyle=="03  Diamond")
			{
				paths[1] = getInnerHTML(strMonogramText.charAt(1), vColor, vStyle, assetSite) + closeDiamond;
			}
			else if(vStyle=="14  Traditional")
			{
				paths[1] = getInnerHTML(strMonogramText.charAt(1).toLowerCase(), vColor, vStyle, assetSite);
			}			
			else
			{
				paths[1] = getInnerHTML(strMonogramText.charAt(1), vColor, vStyle, assetSite);
			}		
					
			break;
			
		case "02":
		
			paths[0] = getInnerHTML(strMonogramText.charAt(0), vColor, vStyle, assetSite);
			paths[1] = getInnerHTML(strMonogramText.charAt(1), vColor, vStyle, assetSite);
			paths[2] = getInnerHTML(strMonogramText.charAt(2), vColor, vStyle, assetSite);
		
			if(vStyle=="03  Diamond")
			{
				paths[0] = openDiamond + getInnerHTML(strMonogramText.charAt(0).toLowerCase(), vColor, vStyle, assetSite).replace(strMonogramText.charAt(0).toLowerCase()+ '.gif','left/' + strMonogramText.charAt(0).toLowerCase()+ '.gif');
				paths[1] = getInnerHTML(strMonogramText.charAt(2).toUpperCase(), vColor, vStyle, assetSite);
				paths[2] = getInnerHTML(strMonogramText.charAt(1).toLowerCase(), vColor, vStyle, assetSite).replace(strMonogramText.charAt(1).toLowerCase()+ '.gif','right/' + strMonogramText.charAt(1).toLowerCase()+ '.gif') + closeDiamond;
			}
			
			if(vStyle=="05  Signet")
			{
				paths[0] = getInnerHTML(strMonogramText.charAt(0).toLowerCase(), vColor, vStyle, assetSite);
				paths[1] = getInnerHTML(strMonogramText.charAt(2), vColor, vStyle, assetSite);
				paths[2] = getInnerHTML(strMonogramText.charAt(1).toLowerCase(), vColor, vStyle, assetSite);
			}
			
			if(vStyle=="14  Traditional")
			{
			paths[0] = getInnerHTML(strMonogramText.charAt(0).toUpperCase(), vColor, vStyle, assetSite);
			paths[1] = getInnerHTML(strMonogramText.charAt(1).toLowerCase(), vColor, vStyle, assetSite);
			paths[2] = getInnerHTML(strMonogramText.charAt(2).toLowerCase(), vColor, vStyle, assetSite);
			}			
			
			if(vStyle=="06  Modern")
			{
			paths[0] = getInnerHTML(strMonogramText.charAt(0).toLowerCase(), vColor, vStyle, assetSite);
			paths[1] = getInnerHTML(strMonogramText.charAt(1).toLowerCase(), vColor, vStyle, assetSite);
			paths[2] = getInnerHTML(strMonogramText.charAt(2).toUpperCase(), vColor, vStyle, assetSite);
			}	
													
			break;
			
		case "03":

			for(var w=0;w<strMonogramText.length;w++)
			{
				/*if(vStyle=="14  Traditional")
				{
					if(w==0)
					{
						paths[w]=getInnerHTML(strMonogramText.charAt(w).toUpperCase(), vColor, vStyle, assetSite);
					}
					else
					{
						paths[w]=getInnerHTML(strMonogramText.charAt(w).toLowerCase(), vColor, vStyle, assetSite);
					}
				}
				else
				{*/
					paths[w]=getInnerHTML(strMonogramText.charAt(w), vColor, vStyle, assetSite);
				//}
			}
			
			if(vStyle=="03  Diamond")
			{
				paths[0]=openDiamond+paths[0];
				paths[paths.length-1]=paths[paths.length-1]+closeDiamond;
			}			
		
			break;
			
		case "04":
			//alert("198");
			for(var w=0;w<strMonogramText.length;w++)
			{
				/*if(vStyle=="14  Traditional")
				{
					if(w==0)
					{
						paths[w]=getInnerHTML(strMonogramText.charAt(w).toUpperCase(), vColor, vStyle, assetSite);
					}
					else
					{
						paths[w]=getInnerHTML(strMonogramText.charAt(w).toLowerCase(), vColor, vStyle, assetSite);
					}
				}
				else
				{*/
					paths[w]=getInnerHTML(strMonogramText.charAt(w), vColor, vStyle, assetSite);
				//}
			}
			//alert("214");
			//alert(strDOBText);
			for(var x=0;x<strDOBText.length;x++)
			{
				/*if(vStyle=="14  Traditional")
				{
					if(x==0)
					{
						DOB[x]=getInnerHTML(strDOBText.charAt(x).toUpperCase(), vColor, vStyle, assetSite);
					}
					else
					{
						DOB[x]=getInnerHTML(strDOBText.charAt(x).toLowerCase(), vColor, vStyle, assetSite);
					}
				}
				else
				{*/
					DOB[x]=getInnerHTML(strDOBText.charAt(x), vColor, vStyle, assetSite);
				//}
			}	
					
			break;
			
		case "05":
			//alert("198");
			for(var w=0;w<strMonogramText.length;w++)
			{
				/*if(vStyle=="14  Traditional")
				{
					if(w==0)
					{
						paths[w]=getInnerHTML(strMonogramText.charAt(w).toUpperCase(), vColor, vStyle, assetSite);
					}
					else
					{
						paths[w]=getInnerHTML(strMonogramText.charAt(w).toLowerCase(), vColor, vStyle, assetSite);
					}
				}
				else
				{*/
					paths[w]=getInnerHTML(strMonogramText.charAt(w), vColor, vStyle, assetSite);
				//}
			}
			//alert("214");
			//alert(strDOBText);
			for(var x=0;x<strDOBText.length;x++)
			{
				/*if(vStyle=="14  Traditional")
				{
					if(x==0)
					{
						DOB[x]=getInnerHTML(strDOBText.charAt(x).toUpperCase(), vColor, vStyle, assetSite);
					}
					else
					{
						DOB[x]=getInnerHTML(strDOBText.charAt(x).toLowerCase(), vColor, vStyle, assetSite);
					}
				}
				else
				{*/
					DOB[x]=getInnerHTML(strDOBText.charAt(x), vColor, vStyle, assetSite);
				//}
			}	
			
			for(var x=0;x<strWgtText.length;x++)
			{
				/*if(vStyle=="14  Traditional")
				{
					if(x==0)
					{
						Wgt[x]=getInnerHTML(strWgtText.charAt(x).toUpperCase(), vColor, vStyle, assetSite);
					}
					else
					{
						Wgt[x]=getInnerHTML(strWgtText.charAt(x).toLowerCase(), vColor, vStyle, assetSite);
					}
				}
				else
				{*/
					Wgt[x]=getInnerHTML(strWgtText.charAt(x), vColor, vStyle, assetSite);
				//}
			}				
					
			break;			
	}
	for(var z=0;z<paths.length;z++)
	{		
		if(paths[z].indexOf('pix.gif')>-1)
		{
			strMonogramText=strMonogramText.replace(strMonogramText.charAt(z),"");

		}
		if(vStyle=="06  Modern")
		{
			aModern3Initial[z].innerHTML=paths[z];
			document.getElementById("ModernTable"+sLine).style.display="block";
		}
		else
		{
			aShowInitial[z+10].innerHTML=paths[z];
		}
	}	
	//alert("256");
	for(var z=0;z<DOB.length;z++)
	{		
		if(DOB[z].indexOf('pix.gif')>-1)
		{
			strDOBText=strDOBText.replace(strDOBText.charAt(z),"");

		}

		aShowInitial[z+36].innerHTML=DOB[z];
		
	}	

	for(var z=0;z<Wgt.length;z++)
	{		

		if(Wgt[z].indexOf('pix.gif')>-1)
		{
			strWgtText=strWgtText.replace(strWgtText.charAt(z),"");

		}

		aShowInitial[z+62].innerHTML=Wgt[z];
		
	}		
	return strMonogramText;
}

function checkIllegalChar(character, illegals)
{
	var legal = true;
	for(var i=0;i<illegals.length;i++)
	{
		if(character==illegals[i])
		{
			legal=false;
			break;
		}
	}
	return legal;
}

function translateSpecialCharacters(c)
{
	var cName="";
	
	switch(c)
	{
		case "'":
			cName="1quote";
			break;
			
		case ".":
			cName="period";
			break;
			
		case ",":
			cName="comma";
			break;
			
		case "$":
			cName="dollar";
			break;
			
		case "!":
			cName="ex";
			break;
			
		case "?":
			cName="quest";
			break;
			
		case "-":
			cName="dash";
			break;
			
		case "+":
			cName="plus";
			break;
			
		case '"':
			cName="quotes";
			break;
			
		case "#":
			cName="pound";
			break;
			
		case "/":
			cName="slash";
			break;
			
		case "&":
			cName="and";
			break;
			
		default:
			cName="pix";
			break;
	}	
	return cName;
}

function getInnerHTML(character, vColor, vStyle, assetSite)
{
	var imgPath =  "<img src='" + assetSite + "/monogram/pix.gif' width='9'>";
	var illegalBlock = ["~", "`", "@", "$", "%", "^", "*", "(", ")", "=","{", "}","[", "]", "|", ":", ";", "'","<",">"];
	var illegalClassic = ["_", "+", "~", "`","@", "$", "%", "^", "*", "(",")","=","{", "}","[", "]", "|", ":",";","'","<",">"];
	var illegalJuliet = ["_" , "#" , "/" , '"' , "+" , "." , "~" , "`" , "@" , "%" , "^" , "*" , "(" , ")" , "=" , "{" , "}" , "[" , "]" , "|" , ":" ,";", "'" ,"<" ,">" ];
	var illegalSketch = [ "_" , "&" , "#" ,'"', "," , "~" , "`" , "@" , "$" , "%" , "^" , "*" , "(" , ")" , "{" , "}" , "[" , "]" , "|" , ":" , ";" , "'" , "<" , ">"];
	var illegalKids = ["_" , '"' , "'" , "#" , "+" , "," , "~" , "`" , "@" , "^" , "*" , "(" , ")" , "=" , "{" , "}" , "[" , "]" , "|" , ":" , ";" , "'" , "<" , ">"];
	var illegalCollegiate = [ "_" , "&" , "+" , "?" , "!" , '"' , "." , "~" , "`" , "@" , "$" , "%" , "^" , "*" , "(" , ")" , "=" , "{" , "}" , "[" , "]" , "|" , ":" , ";" , "'" , "<" , ">"];
	var illegalModern = ["0","1","2","3","4","5","6","7","8","9","_" , "&" , "/" , "#" , '"' , "+" , "-" , "?" , "!" , "," , "." , "~" , "`" , "@" , "$" , "%" , "^" , "*" , "(" , ")" , "=" , "{" , "}" , "[" , "]" , "|" , ":" , ";" , "'" , "<" , ">"];
	var illegalTraditional = ["0","1","2","3","4","5","6","7","8","9","_" , "&" , "/" , "#" , '"' , "+" , "-" , "?" , "!" , "," , "." , "~" , "`" , "@" , "$" , "%" , "^" , "*" , "(" , ")" , "=" , "{" , "}" , "[" , "]" , "|" , ":" , ";" , "'" , "<" , ">"];
	var illegalDiamond = [ "0","1","2","3","4","5","6","7","8","9","_" , "&" , "/" , "#" , '"' , "+" , "-" , "?" , "!" , "," , "." , "~" , "`" , "@" , "$" , "%" , "^" , "*" , "(" , ")" , "=" , "{" , "}" , "[" , "]" , "|" , ":" , ";" , "'" , "<" , ">" ];
	var illegalSignet = [ "_" , "&" , "/" , "#" , '"' , "+" , "-" , "?" , "!" , "," , "." , "~" , "`" , "@" , "$" , "%" , "^" , "*" , "(" , ")" , "=" , "{" , "}" , "[" , "]" , "|" , ":" , ";" , "'" , "<" , ">"];
	var illegalHolder = [];
	
	if (character!="" ) 
	{
		switch(vStyle)
		{
			case "02  Block":
				illegalHolder = illegalBlock;
				break;

			case "04  Classic":
				illegalHolder = illegalClassic;
				break;
				
			case  "07  Juliet":
				illegalHolder=illegalJuliet;
				break;
				
			case "08  Sketch":
				illegalHolder=illegalSketch;
				break;
				
			case "15  Kids":
				illegalHolder=illegalKids;
				break;
				
			case "13  Collegiate":
				illegalHolder=illegalCollegiate;
				break;
				
			case "06  Modern":
				illegalHolder=illegalModern;
				break;
				
			case "14  Traditional":
				illegalHolder=illegalTraditional;
				break;
				
			case "03  Diamond":
				illegalHolder=illegalDiamond;
				break;
				
			case "05  Signet":
				illegalHolder=illegalSignet;
				break;
		}

		if(checkIllegalChar(character, illegalHolder))
		{
			if ((character >= "a" && character <="z") || IsNumeric(character))
			{
				imgPath ="<img src='" + assetSite + "/monogram/" + vColor + "/" + vStyle + "/lcase/" + character + ".gif'>";
			}
			else if(character >= "A" && character <="Z")
			{
				imgPath ="<img src='" + assetSite + "/monogram/" + vColor + "/" + vStyle + "/ucase/" + character + ".gif'>";
			}
			else
			{
				var spec= translateSpecialCharacters(character);
				if(spec="pix")
				{
					imgPath ="<img src='" + assetSite + "/monogram/pix.gif' height='10' width='10'>"; // + vColor + "/" + vStyle + "/" +  translateSpecialCharacters(character) + ".gif'>"
				}
				else
				{
					imgPath ="<img src='" + assetSite + "/monogram/" + vColor + "/" + vStyle + "/" +  translateSpecialCharacters(character) + ".gif'>";
				}
			}
		}
		else
		{
			alert(character + " is not available.");
		}
	}
	//alert(imgPath);
	return imgPath;
}

function IsNumeric(sText)
{
 	var ValidChars = "0123456789";
 	var IsNumber=true;
 	var Char;

 	for (i = 0; i < sText.length && IsNumber == true; i++) 
	{ 
		Char = sText.charAt(i); 
		if (ValidChars.indexOf(Char) == -1) 
    	{
    		IsNumber = false;
    	}
	}
	
	return IsNumber;
}

function checkForIllegalCharacterEntry(productRow, currentCount, vStyle, assetSite)
{
		//alert("529");
		var OK=true;
		var FOO = document.getElementById("monoInitial" + productRow + "_" + currentCount).value;
		var DOB = document.getElementById("monoInitial" + productRow + "_" + currentCount + "_DOB");
		var Wgt = document.getElementById("monoInitial" + productRow + "_" + currentCount + "_Wgt");
		
		//main textbox
		if(getInnerHTML(FOO.charAt(FOO.length-1), "", vStyle, assetSite)!="<img src='" + assetSite + "/monogram/pix.gif' width='9'>")
		{
			if(vStyle=="14  Traditional" || vStyle=="07  Juliet")
			{
				var cTrad="";
				var MWords=FOO.split(" ");
				for(var j=0;j<MWords.length;j++)
				{
					if(j>0)
					{
						cTrad=cTrad+" ";
					}
					for(var i=0;i<MWords[j].length;i++)
					{
						if(i==0)
						{
							cTrad=cTrad+MWords[j].charAt(i).toUpperCase();
							//alert(cTrad);
							//alert(MWords[j].charAt(i));
						}
						else
						{
							cTrad=cTrad+MWords[j].charAt(i).toLowerCase();
						}	
					
					}
				}
				document.getElementById("monoInitial" + productRow + "_" + currentCount).value=cTrad;
			}
			//showABC(productRow, currentCount, "<%=assetSite%>");
		}
		else
		{
			
			var newFOO="";
			var fLen = FOO.length;
			for(var i=0;i<fLen-1;i++)
			{
				newFOO=newFOO+FOO.charAt(i);
			}
			document.getElementById("monoInitial" + productRow + "_" + currentCount).value=newFOO;
			OK=false;
		}	
		
		//DOB TextBox
		if(DOB != null)
		{
			if(getInnerHTML(DOB.value.charAt(DOB.value.length-1), "", vStyle, assetSite)!="<img src='" + assetSite + "/monogram/pix.gif' width='9'>")
			{
				if(vStyle=="14  Traditional")
				{
					var cTrad="";
					for(var i=0;i<DOB.value.length;i++)
					{
						if(i==0)
						{
							cTrad=cTrad+DOB.value.charAt(i).toUpperCase();
						}
						else
						{
							cTrad=cTrad+DOB.value.charAt(i).toLowerCase();
						}	
					
					}
					DOB.value=cTrad;
				}
				//showABC(productRow, currentCount, "<%=assetSite%>");
			}
			else
			{
				
				var newFOO="";
				var fLen =DOB.value.length;
				for(var i=0;i<fLen-1;i++)
				{
					newFOO=newFOO+DOB.value.charAt(i);
				}
				DOB.value=newFOO;
				OK=false;
			}	
		}
				
		if(Wgt != null)
		{
			if(getInnerHTML(Wgt.value.charAt(Wgt.value.length-1), "", vStyle, assetSite)!="<img src='" + assetSite + "/monogram/pix.gif' width='9'>")
			{
				if(vStyle=="14  Traditional")
				{
					var cTrad="";
					for(var i=0;i<Wgt.value.length;i++)
					{
						if(i==0)
						{
							cTrad=cTrad+Wgt.value.charAt(i).toUpperCase();
						}
						else
						{
							cTrad=cTrad+Wgt.value.charAt(i).toLowerCase();
						}	
					
					}
					Wgt.value=cTrad;
				}
				//showABC(productRow, currentCount, "<%=assetSite%>");
			}
			else
			{
				
				var newFOO="";
				var fLen =Wgt.value.length;
				for(var i=0;i<fLen-1;i++)
				{
					newFOO=newFOO+Wgt.value.charAt(i);
				}
				Wgt.value=newFOO;
				OK=false;
			}	
		}

		if(vStyle=="03  Diamond" || vStyle=="05 Signet" || vStyle=="06  Modern" || vStyle=="13  Collegiate")
		{
			document.getElementById("monoInitial" + productRow + "_" + currentCount).value=document.getElementById("monoInitial" + productRow + "_" + currentCount).value.toUpperCase();
			
			if(DOB!=null)
			{
				DOB.value=DOB.value.toUpperCase();
			}
			
			if(Wgt!=null)
			{
				Wgt.value=Wgt.value.toUpperCase();
			}
		} 
		
		return OK;			
}